Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Request path contains unescaped characters
Request path contains unescaped characters
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

html, css , sass

aKennich 160

@akennich

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


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

@akennich

Posted

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

@AlejandroMonterrosoC

Posted

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
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