order summary making

Community feedback

• 

  Dusan Brankov•860

  @dusan-bPosted about 2 years ago

  Hello Sujeong,

  to add space at the bottom of the card component, you can simply add something like padding-bottom: 20px to the .card class.

  The main element is taller than .card, because the h3 element "Cancel Order" has an implicit margin that is computed by the user agent (browser). You can solve this problem by setting the margin of h3 to 0.

  To avoid such unexpected results, you should use a CSS reset or normalize which belongs at the very beginning of your stylesheet. I personally prefer Normalize.css, it's also recommended by MDN.

  Hope this helps. Keep it up, and happy coding!

  0
• 

  ‪Bilal Salmi‬‏•250

  @BilalSalmiPosted about 2 years ago

  Hi sujeong, good job!

  to extand the margin consider to use overflow css property in div.card

  .card { overflow: hidden; min-height: 100%; width: 450px; text-align: center; border-radius: 20px; background-color: white; }

  Keep it it!

  0