Single Price Grid Component with vanilla css

Community feedback

• 

  Nishkarsh Dubb•165

  @Nishkarsh01Posted over 3 years ago

  Could you please help me understand the place-value property that you used on body. Could not understand it over documentation. Would be great if you could take the time to help.

  Also, I loved the way you've written and organised your code. Really Beautiful.

  0

  ---

  

  P

  Fluffy Kas•7,715

  @FluffyKasPosted over 3 years ago

  @Nishkarsh01 Hey, place-items is basically just a shorthand for align-items and justify-content properties. You can use it together with grid. On the body I used it to both horizontally&vertically center my component. I hope this helps ^^

  Also, thanks :)

  1

  

  Nishkarsh Dubb•165

  @Nishkarsh01Posted over 3 years ago

  @FluffyKas understood, thanks a ton!

  0
• 

  P

  Patrick•14,265

  @palgrammingPosted over 3 years ago

  Good start to the challenge. You might want to look at your layout in a browser about 750px wide and just look at your text alignment and how all your elements are reacting together. Specifically in the middle card the Price Text and how it is compared to all its siblings

  0

  ---

  

  P

  Fluffy Kas•7,715

  @FluffyKasPosted over 3 years ago

  Thanks, I didn't notice I messed up that flexbox. Corrected. :)

  0