Skip to content
Submitted over 2 years ago

html, css , sass

aKennich•160
@akennich
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

Hi beautiful people, I made my first steps in sass. I am still, struggling with how can we use the following to determine the right ratio? "The designs were created to the following widths:

  • Mobile: 375px
  • Desktop: 1440px". Welcome your comments, advice, and shaking hands!

Community feedback

  • aKennich•160
    @akennichPosted over 2 years ago

    Thank you very much, Alejandro, Your comment was a great help. I think the missing body height was due to jumping between css and Scss files; hhhhh

    0
  • Alejandro Monterroso•0
    @AlejandroMonterrosoCPosted over 2 years ago

    Hi, @aKennich I only have a tip for you, your card isn't centered on the main axis even using flexbox that happens because the body doesn't have a height, use a height of 100vh to fix that and the card will center in the middle of the screen.

    I hope you can help me in the future, take care.

    0

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