using CSS Flex

Community feedback

• 

  Lucas 👾•104,400

  @correlucasPosted about 2 years ago

  👾Hello Farrukh, congratulations for your new solution!

  Here's some tips to improve your solution and the design:

  The correct value for this shadow is box-shadow: 5px 5px 15px 5px rgb(0 0 0 / 3%);

  The best way to create the card vertical alignment is by using flexbox.For example, first of all add to the body min-height: 100vh to make the body display 100% of the browser screen size and display: flex e flex-direction: column to align the child element (the container) vertically using the body as reference.

  body {
      min-height: 100vh;
      display: flex;
      justify-content: center;
      flex-direction: column;
      background: #D5E1EF;
      display: flex;
      align-items: center;
  }
  

  👋 I hope this helps you and happy coding!

  Marked as helpful

  0