Responsive design mobile first inclusive. flexbox and grid.
Design comparison
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
- @youssefoubaPosted almost 2 years ago
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 GitHubJoin 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