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 design mobile first inclusive. flexbox and grid.

lepamoore 170

@lepamoore

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


difficult is to manage the content of the main div not to overflow the div when resizing the window. I couldn't figure out how this could be done. I tried a min height or min width but when I applied those css rules the main container was way too big when I resized the window to a smaller size. So I still struggle with this. Was a nice challenge I really enjoyed it because I can now fully understand CSS Grid. Thanks !

Community feedback

@youssefouba

Posted

Great job for trying out different methods to prevent the main div from overflowing! It sounds like you're making progress in your understanding of CSS and finding solutions to challenges, which is fantastic. Keep up the good work and keep experimenting to find the best solution!

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