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

QR code using plain HTML and CSS

@dearestalexander

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


What are you most proud of, and what would you do differently next time?

I'm very happy to have worked through and learned how to use git from the terminal.

In terms of HTML and CSS I think my solution was fairly straightforward. I used %vw and % of container in my sizing so I hope it's decently responsive. I also used variables which I want to get into the habbit of doing.

What challenges did you encounter, and how did you overcome them?

Nothing serious. I had to look up a few things as refreshers:

  • Structure of the google fonts stylesheet links
  • Using max() for font sizes
  • Aligning items in flexbox.

What specific areas of your project would you like help with?

I would be happy to receive any feedback on accessibility or responsiveness good practices that I may have missed.

Community feedback

@AlbertoSocorro

Posted

In my opinion, your code is very readable and responsive. Although I can't advise you on anything because I'm more of a beginner than you.

Marked as helpful

0

@dearestalexander

Posted

@AlbertoSocorro thank you for taking a look and commenting, appreciate the support :)

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