All comments

• 

  Paulo Ricardo• 90

  @PauloRicardoSM

  Submitted 10 months ago

  To place the card in the middle of the screen I used the value "display grid" and "place-items: center" in the body, but I notice that on small screens (mobile), the card is a little further to the right. Can you give me any suggestions on how to leave it in the middle, regardless of the screen size? (Sorry if I didn't explain it very well).

  

  Order summary component

  2

  80

  

  Laura Ortega• 100

  @Pancratzia

  Posted 10 months ago

  Hi, Paulo! I've reviewed your code and found that your problem is that you're using width: 100%; in your body tag. If you delete that line, your code works fine! Also, try using this snippet for box-sizing. It'll help you in your future projects with box model sizing, which can be a nightmare sometimes!

  Marked as helpful

  0

  This comment has received 1 replyShow