Custom CSS

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  👾Hi again Thidar, Congratulations on completing this challenge!

  Here’s some tips to improve your component design:

  Reduce the opacity of the shadow to make it smoother, see the shadow fixed here: box-shadow: rgb(0 0 0 / 19%) 0px 10px 20px, rgb(0 0 0 / 0%) 0px 6px 6px;

  To make the proper alignment and make the content gets aligned vertically use min-height instead of max-height:

  body {
      min-height: 100vh;
      font-family: 'Poppins', sans-serif;
      font-size: 15px;
      display: flex;
      flex-direction: column;
      align-items: center;
      background-color: hsl(0, 0%, 98%);
      color: hsl(234, 12%, 34%);
      justify-content: center;
  }
  

  ✌️ I hope this helps you and happy coding!

  Marked as helpful

  0