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

CSS Flexbox helped me complete the exercise

Luiz Otávio• 60

@luizotvio

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


Overall I found the exercise easy, but I got a little lost to align the container in the center of the page, I had to research until I got the result, which I hope, will be the end!!

Community feedback

hitmorecode• 6,270

@hitmorecode

Posted

Nice well done. Just one tip

  • Make it a habit of using min-height: 100vh; instead of height: 100hv;. With min height the page will be responsive to it's content. Height is a fixed height, so if you add content to the page eventually it will overflow

Marked as helpful

0

Luiz Otávio• 60

@luizotvio

Posted

@hitmorecode Thanks for the tip, I will apply in the next challenges!

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