Responsive QR code landing page using HTML5 and CSS
Design comparison
Solution retrospective
Initially I had issues with linking the image to the html code because of a forward slash i added, also experienced some issues with the responsive version of the design until i watched a tutorial video on media query.
none, I am sure of every area of my code.
Yes, I would like to ask is it better to start with mobile design then optimize for web or vice-versa.
Community feedback
- @RatifiedPosted over 1 year ago
Hello @Nikkaburger
Good job on completing the challenge
Yes, I'd personally recommend a mobile-first design approach. Always write your CSS with a responsive mind, for example for widths, instead of setting a fixed width, use a max-width or min-width. Also using percentages for widths instead of pixels. Check out my solution to the challenge above. QR Code Component.
All the best in your CSS journey, friend. I hope you find this helpful.
0
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