Page using Flexbox

Community feedback

• 

  Lucas 👾•104,400

  @correlucasPosted about 2 years ago

  👾Hello again Nikita, congratulations for your new solution!

  Your solution is almost complete, all you miss now is the alignment and the border-radius. To get the alignment use min-height: 100vh and display: flex to get the alignment.

  To have the border-radius you've to the first and the third card a border-radius: 14px note that there are differences between the border radius position between these cards.

  body {
      min-height: 100vh;
      background-color: hsl(0, 0%, 95%);
      font-size: 1.5rem;
      font-family: "Lexend Deca", sans-serif;
      display: flex;
      flex-direction: column;
      align-content: center;
      justify-content: center;
      align-items: center;
  }
  

  👋 I hope this helps you and happy coding!

  0