Huddle landing page

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  👾Hi Aman, congrats on completing this challenge!

  I've just opened your live site and I can say that you did a great job putting everything together! There's some tips to improve your solution:

  The background is not yet correct placed. Add background-repeat: no-repeat to avoid the background repeating and background-size: contain to make it fit full width and center with the card this is the best choice, but an alternative to resize it is to use background-size: 125%,

  body {
      background: var(--violet) url(../images/bg-desktop.svg);
      font-family: var(--ff-primary);
      min-height: 100vh;
      background-size: contain;
      background-repeat: no-repeat;
  }
  

  ✌️ I hope this helps you and happy coding!

  Marked as helpful

  2

  ---

  

  Aman•630

  @AmanGupta1703Posted about 2 years ago

  @correlucas Thank you!

  1
• 

  Hyron•5,870

  @hyrongennikePosted about 2 years ago

  Hi @AmanGupta1703,

  Congrats on completing the challenge

  You're pretty close to the design just decrease the margin and add a min-height: 100vh on the body. That way everything should fit within the viewport.

  Marked as helpful

  1

  ---

  

  Aman•630

  @AmanGupta1703Posted about 2 years ago

  @hyrongennike Thank you!

  0