Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive component built with CSS Flexbox using media queries

P

@ivanorsolic95

Desktop design screenshot for the Article preview component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What specific areas of your project would you like help with?

I would like to pay attention to the toggle.js script. When I toggle between elements on a screen smaller than 1400px, I can toggle only once, and to toggle again, I need to restart the server. With the screens bigger than 1400px, I dont have this issues, the toggling is working fine.

Also my HTML structure is something that I want to be carefully reviewed. I'm pretty sure that my HTML is not the best one, but I didnt have any other idea how to structure it.

Community feedback

@Agus27111

Posted

hi your work's so cool but maybe u can improve to make it more aproaching the design, your border-radius on ur image in desktop mode can improve with border-radius: 1rem 0 0 1rem; (the value is just an example).

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord