Design comparison
Solution retrospective
Quite happy with how I managed the page to be responsive, even though I skipped resizing fonts.
What challenges did you encounter, and how did you overcome them?Came across an issue with positioning the hero section images. I kept getting a white bar on the right side of the page. Putting the images in wrapper containers seems to have fixed the problem.
Another thing was the picture gallery. Initially I used flex-box for this, but it looked bad for smaller screens. When the pictures wrapped, they were not centred always leaving an odd one out in the bottom row. This is how I learned that flex-box doesn't necessary know when an item wraps and should be centred again.
Eventually I used inline blocks to make it work the way I wanted. Maybe it's better to start with more basic solutions first ;)
What specific areas of your project would you like help with?I believe I managed quite ok with this one. I cannot see any staggering issues here. However, if you find anything worth calling out, please do so!
Community feedback
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