QR code image with title and description, using CSS display flex

Community feedback

• 

  Lucas 👾•104,400

  @correlucasPosted about 2 years ago

  👾Hello Suzanne, congratulations for your first solution and 😎 welcome to the Frontend Mentor Coding Community!

  You've done a good work building this card, is fully responsive. Well done.

  The only thing you've missed is the vertical aligment, I add some properties to your code to fix his alignment, all you need to add is flexbox and min-height: 100vh for the alignment:

  body {
      min-height: 100vh;
      background-color: hsl(212, 45%, 89%);
      font-family: 'Outfit', sans-serif;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
  }
  

  👋 I hope this helps you and happy coding!

  0