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 page using basic HTML and CSS

Jesus 10

@Jwsxs

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


There's not so much I can say, but I like this one, it's pretty simple yet challenging.

By the way, I have a question: I notice the qrcode is "always" in center, then I tried doing it with the attributions too and "they" move a little when you change the page's size, how do I make them stay in a fixed position? I used "position: fixed;" and "static;" but both didn't seem to work.

Community feedback

@andiedoescode

Posted

Hi Jesus,

Congrats on completing this challenge! I noticed that you used 'position: static' but then tried to apply top and left properties to it. Static positioned elements aren't affected by these properties, so they are being ignored. In the preview, your attribution div is completely off my screen due to the -50% transform applied. Try using Flexbox on your body (like you've partly done in your div with the content class) to position the content and attribution divs instead of 'position' and 'transform'.

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