Skip to content
Submitted about 1 month ago

QR website

𝒗𝒂𝒍•70
@vasalma
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 most proud that I could make the whole project, but I definitely need to be faster next time!

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

Adjusting the flex properties and layout settings in general. I had to use some AI to improve and undestand what I needed to do.

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

Definitely, layout and design; but I'm open to receiving any recommendations necessary to improve in any aspect.

Community feedback

  • P
    Gabe•300
    @gabeiPosted about 1 month ago

    Nice - looks great!

    Quick note about the image: In this instance you can actually remove the div that is surrounding the QR code (currently wrapped in a div with class="QR"). Applying the same styles to the image without the wrapping div will result in the same output.

    If you do this, you would have to update your CSS from ".QR img" to ".QR-box img". I tried it just now in the inspector and it still looks great!

    Now here's the real kicker... Doing the same thing as above, but with the text :)

    Marked as helpful
    1
    𝒗𝒂𝒍•70
    @vasalmaPosted about 1 month ago

    @gabei Thank u! <3

    1

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