Huddle landing page Using Grid and SCSS

Community feedback

• 

  Lucas 👾•104,400

  @correlucasPosted about 2 years ago

  👾Hello Omar, congratulations for your new solution!

  Great solution here, clean code, amazing design. The only thing you've missed is alignment, I'll give you some tips to fix it:

  All you miss is to give the content the proper vertical alignment with flex properties like display: flex; align-items: center; flex-direction: column; justify-content: center; and add min-height: 100vh to make the child element align vertically:

  body {
      min-height: 100vh;
      color: #fff;
      font-size: var(--main-fs);
      font-weight: 400;
      font-family: var(--main-font);
      padding: 2.1875rem 1.875rem;
      background-color: var(--bg-body);
      background-image: url(/images/bg-mobile.svg);
      background-repeat: no-repeat;
      background-position: top;
      background-attachment: fixed;
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: center;
  }
  

  👋 I hope this helps you and happy coding!

  Marked as helpful

  2

  ---

  

  omar saleh•150

  @omarsaleh11Posted about 2 years ago

  @correlucas ty, you are amazing, you helped me a lot

  1