Design comparison
Solution retrospective
I am proud of being able to complete this project because it is my first attempt at replicating a full web page. In the future, I need to look more closely at the mobile designs at the beginning so that I organize my html appropriately for all screen sizes. I created some issues for myself by not looking at all of the designs in detail.
What challenges did you encounter, and how did you overcome them?The main challenge I faced was getting the image to span the full width of the page on mobile devices despite its parent having padding. I ended up circumventing the problem by removing the parent's padding and redistributing the padding to other elements as needed. This was a suboptimal solution which exposes some mistakes I made when writing the HTML.
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