Skip to content
Submitted over 1 year ago

Responsive with CSS grid and relative percantage usage

Aram Nayebbandi•510
@devaramnye
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

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

  • Pratik kesharwani•360
    @pratikkwPosted over 1 year ago

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

    Marked as helpful
    1
    Dilan M Jayawardena•180
    @iamdylanmjPosted over 1 year ago

    any special reasons please@pratikkw

    0
  • Aram Nayebbandi•510
    @devaramnyePosted over 1 year ago

    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

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