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 with CSS grid and relative percantage usage

@devaramnye

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


I find it difficult to find out how things are relative to eachother but a little deep dive helped me out to figure out how things are in a relationchip to eachother if I am working with relative units.

I am still unsure if I did it correctly with the width of the solution. I started with Mobilefirst-workFlow by fixing the width to 375px but I am not really sure if I had to change something to make it as well accessible for desktop but I see now problems by viewing my project with desktop.

If someone out there has tips or informations about that I had to put something else in my code to make it responsive for desktop as well, I would appreciate it.

Community feedback

@pratikkw

Posted

Use "max-width" instead of "width".

Marked as helpful

1

@iamdylanmj

Posted

any special reasons please@pratikkw

0

@devaramnye

Posted

Thank you really much. I updated my work and now its responsive. I am really glad for your help and as well I am really thankful for Grace-Snow who helped me out.

1

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