
Solution retrospective
I'm pleased I was able to get this complex layout fully responsive and smoothly transitioning between the three major screen sizes. I was also able to leverage both Flexbox and Grid for laying out the various components on the page. Next time, I would probably come up with a full-page systematic grid system to handle element positioning.
What challenges did you encounter, and how did you overcome them?The visual design features numerous inconsistencies in spacing and text wrap handling, which is somewhat ignorant of how CSS styling actually works. We should try to avoid having to hardcode text block widths and let text flow naturally to fit the screen width. While I understand adding complexity to make the exercise challenging, the visual treatment is not very practical in a real-world scenario.
What specific areas of your project would you like help with?Ensuring adherence to best practices and modern coding conventions.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Andrew A Lee'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