Single price grid component

Community feedback

• 

  Kaasfeetje•190

  @KaasfeetjePosted over 2 years ago

  Instead of using 'grid-columns:2;' on your container use 'grid-template-columns: 1fr 1fr;'. This makes it so both columns are the same size.

  Marked as helpful

  1
• 

  P

  Luciano Lima•1,290

  @LucianoDLimaPosted over 2 years ago

  Good job on finishing the project!

  You can center them equally by using grid-template-columns instead of just grid-columns. Then you can use the fr unit. So if you swap your grid-columns: 2 for grid-template-columns: 1fr 1fr you'll see that each section will take half if that makes sense.

  Happy coding

  Marked as helpful

  1
• 

  Mate•350

  @SurgetinPosted over 2 years ago

  Oh I see now, thank you guys. :) I updated so it seems good now :)

  0