Single price grid vanilla css

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello again Nimbul, congratulations for your new solution!

  Your 3 cards structure is done, you need only to improve the alignments and how much the cards grow in the desktop version. See my tips for you below:

  To fix your colors and the maximum width your card can grow (note that your card is growing too much)

  Add also min-height: 100vh to align the child element to the parent height thats 100% of the screen now and flexbox for center the card.

  See the changes below:

  body {
      background-color: hsl(218deg 100% 96%);
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  

  👋 I hope this helps you and happy coding!

  Marked as helpful

  0