Design comparison
SolutionDesign
Solution retrospective
I found the CSS media queries to be hard as I am still weak in mobile-first design. I need to practice more on setting appropriate widths for elements.
I am unsure of why min-height: 100vh; works, why align-items: center breaks makes the container move to the right on mobile view and finally I need to memorize some of the input parameters for commands like, border-box as I do not want to always google the answer.
I used appropriate aria-text for the decorative images and hope it is correct.
Community feedback
Please log in to post a comment
Log in with GitHub
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