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

Responsive QR-code

nflakes 30

@nflakes

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 think when I made it responsive I tried different screen sizes zooming in/out and i notice it adjust and resize properly. I want it to be responsive as possible without using media queries.

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

positioning img, container, text like

  1. margin
  2. padding
  3. width
  4. height

I guess by using properties max-min and values of vh, % and flex box

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

positioning when to use this property min/max, width/height and values of %,vh or any other than can help me position it properly.

Community feedback

@MarenOelixtown

Posted

hey nflakes, great work so far... your solution looks quite similar, but have you noticed the slight box-shadow around the container? it's not considered in your css, isn't it? And maybe one question to think about, is it neccessary to have such big css reset for this small project? keep it up! ✌️

1

nflakes 30

@nflakes

Posted

@MarenOelixtown yeah didn't notice it I'll add it soon. Also I just copied the whole css reset and didn't bother to remove some If i had to as they say that always use css reset at the project lol. Thanks for feedback appreciate it!

0

@Sanusi-Islamiyat

Posted

Your work looks really really good and it shows your attentiveness to little details. Well-done!!!

0
GSigua_ 60

@GPDSigua

Posted

u did a good job in this challenge. i tend to compare my code from u and urs is clean and direct its good. thank you

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