Skip to content
Submitted 3 months ago

QR Code responsive

VictorGerfaud•210
@JamesLaviron
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 tried to avoid using useless properties and ensure to understand what does each property. I would surely try to avoid using generic tag style such as I did for img tag.

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

I had to understand which display value I should use for each container. I used too many flex at first but then just sticked with blocks.

Community feedback

  • Tanmay-22•20
    @Tanmay-22Posted 3 months ago

    On reducing the screen width to 350px and less, it is evident that there is no padding on the box thus there is no blue background in that dimension in the left and right of it.

    0
    VictorGerfaud•210
    @JamesLavironPosted 3 months ago

    @Tanmay-22 I don't think that we have to handle that kind of size. My container has a min-width so I can't compress it more^^

    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