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 Component built on Flexbox

leonesoj 10

@leonesoj

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 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-Tozlu

Posted

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
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