Skip to content
Submitted 6 months ago

QR Code Component built on Flexbox

leonesoj•10
@leonesoj
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

I'm proud of how the challenge turned out but I would've liked to get dimensions closer to the design.

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

I don't know how to make web pages responsive but the design turned out just fine on smaller screens based on me making my window smaller and bigger. The only real difficulty was nailing down the dimensions. Also, I might be wrong but something tells me using the tag inside the text elements is probably not ideal and there are better ways to do so.

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

Where do I start when it comes to implementing a web-responsive design?

Community feedback

  • Adem Tozlu•160
    @Adem-TozluPosted 6 months ago

    Hello response, it's best to start mobile first then you'll save yourself all the codes. Then you can add @media and then enter the values for a higher pixel. But for the task you don't need @media because the Qr code is in the middle. Here's a page about @media

    https://developer.mozilla.org/en-US/docs/Web/CSS/@media?retiredLocale=de

    0

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