CSS/HTML Solution, short

Community feedback

• 

  Lucas 👾•104,400

  @correlucasPosted about 2 years ago

  👾Hello @CurseTommy, congratulations for your first solution! 👋 Welcome to the Frontend Mentor Coding Community!

  Great start and great first solution! You’ve done really good work here putting everything together, I’ve some suggestions you can consider applying to your code:

  You've missed the alignment, first thing you've to do is to add min-height: 100vh to make sure your body will be displaying minimum 100% of the view-port height (this will help the card be ever aligned vertically centered) and then add display: flex; align-items: center; justify-content: center; to make the alignment:

  body {
      min-height: 100vh;
      font-family: 'Outfit', sans-serif;
      background-color: var(--light-gray);
      display: flex;
      align-items: center;
      justify-content: center;
  }
  

  ✌️ I hope this helps you and happy coding!

  Marked as helpful

  1

  ---

  

  Tomasz•240

  @CurseTommyPosted about 2 years ago

  @correlucas Hi :D 👋

  Thank you so much, appreciated your respond and help. I've already committed changes. And they seam well. 😄

  Thanks ones again, wish us good luck in future! 😌

  1

  

  Lucas 👾•104,400

  @correlucasPosted about 2 years ago

  @CurseTommy Happy to hear that Tomasz, keep it up!

  1