Skip to content
Submitted about 2 years ago

QR Code using Flexbox

NicholasChristopherBlake•130
@NicholasChristopherBlake
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

What would be a better way to center the main div vertically on the page?

Community feedback

  • yishak abrham•2,150
    @yishak621Posted about 2 years ago

    The better way to center block elements vertically and horizontally would be for example

    .container{  display: flex; 
   justify-content: center; 
   align-items: center; 
   height: 100vh;}

    Or

      display: grid; 
   justify-content: center; 
   Place -items: center; 
   height: 100vh;
    Marked as helpful
    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