
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.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Nathan Perkins's solution.
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