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

This website is made using html and css

@khojiakbargofurov

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Kimo Spark 2,190

@kimodev1990

Posted

  • It's better in the future to avoid giving your design sizes definite values such as your div with max-width: 320px , It's better to give percentage values to make your design responsive with viewport dimensions. For example, you could assign class .card width: 30%; as you like it to be, So the width of your card will be 30% in relative to class .card width. This helps your design to be flexible growing and shrinking.
  • Adding up to the previous point, If you need to assign definite values such as in your font-size, you could check on and use clamp ( ) method ( font-size, width, margins, paddings, etc. ) ,so your design sizes will change according to the viewport dimensions and will be suitable for any device layout. ( Responsive Design )

Hope you find this Useful & Helpful.

Other than that, Nice work & keep Going on.

Marked as helpful

0

@khojiakbargofurov

Posted

@kimodev1990 thank you Mr Kimo Adel, Your Advices are more helpful for me.

0
Kimo Spark 2,190

@kimodev1990

Posted

@khojiakbargofurov You're always welcome, Anytime...

Marked as helpful

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