Huddle landing page

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Sayam, congratulations for your new solution!

  Your solution is already great, the design and all the structure are really good done, something you can consider to fix is the background and here's my tips for that:

  To fix the background that's not displaying full height you need to increase the body size with min-height: 100vh; and give it the proper alignment with display: flex.

  See the changes I did to your code below:

  body {
      background-image: url(images/bg-mobile.svg);
      background-repeat: no-repeat;
      background-size: contain;
      min-height: 100vh;
      background-color: hsl(257, 40%, 49%);
      display: flex;
      align-items: center;
      justify-content: center;
  }
  

  👾My rating for this solution: ⭐⭐⭐⭐⭐

  👋 I hope this helps you and happy coding!

  Marked as helpful

  0

  ---

  

  Sayam•50

  @sayamalviPosted over 2 years ago

  @correlucas Thanks Lucas ! Made the necessary changes 👍

  0