Skip to content
Submitted over 1 year ago

QR code page using basic HTML and CSS

Jesus•10
@Jwsxs
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

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

  • Andrea Pang•60
    @andiedoescodePosted over 1 year ago

    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

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