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 responsive

P

@JamesLaviron

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

Posted

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

P

@JamesLaviron

Posted

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