Order Summary-SolidEnder(html, css)

Community feedback

• 

  Victoria Azola Silva•1,290

  @VickyAzolaPosted about 1 year ago

  Nice work!

  A few tips i can give you:

  • To center the card vertically and horizontally you can use grid or flex
  • By using this you won't need the position: absolute; on your card.
  • Here is an example with grid:

  body { 
  min-height: 100vh; 
  display: grid;
  place-content: center;
  

  • For the background image you need to add some background properties here is a link for more information:
  • Here is an example:

  body {
      background: url(images/pattern-background-desktop.svg);
      background-color: hsl(225, 100%, 94%);
      background-size: contain;
      background-repeat: no-repeat;
  }
  

  Hope this helps!

  Marked as helpful

  1