Single Price with Grid

Community feedback

• 

  Precious Aziken•510

  @AzikenpPosted about 2 years ago

  Hi @Justlana13th. You did really great on your design, everything looks nice but your card isn't really centered on your screen. You can achieve this effect using flexbox. Set body tag to ("display:flex;" , "align-items:center;" , "justify-content:center;" , "min-height:100vh;") and you should be good to go.

  Marked as helpful

  1

  ---

  

  Maulana Sobari•50

  @Justlana13thPosted about 2 years ago

  Hello @Azikenp, your feedback is really helpful for me, really appreciate it, thankyou so much

  0
• 

  Dicskson Owusu Nyantakyi•270

  @ondicksonPosted about 2 years ago

  Hi @Justlana13th 👋, good job for completing this challenge and welcome to the Frontend Mentor Community! 🎉

  1. You should change your background-color to the figma design

  background-color: hsl(204, 43%, 93%);

  2. To make your card component centered. Add this code to the body.

  body {
      font-family: 'Karla', sans-serif;
      min-height: 100vh;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }```
  

  Marked as helpful

  1

  ---

  

  Maulana Sobari•50

  @Justlana13thPosted about 2 years ago

  Hi @ondickson, thankyou very much for the correction, really appreciate it. just updated the code and right now the component is already in a center

  1