Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive QR code landing page using HTML5 and CSS

@Nikkaburger

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

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

@Ratified

Posted

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 GitHub
Discord logo

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