Skip to content
Submitted about 1 year ago

CSS Flexbox helped me complete the exercise

Luiz Otávio•60
@luizotvio
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

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,250
    @hitmorecodePosted about 1 year ago

    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
    @luizotvioPosted about 1 year ago

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

    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