order summary component

Community feedback

• 

  Victoria Azola Silva•1,290

  @VickyAzolaPosted about 1 year ago

  Hi! great work finishing this challenge 😊

  Your solution looks awesome! just a few tips that may interest you to make the background look more close to the design. To the body add some background properties like: (The // are to explain better, just delete them on your css code)

  body {
  //sets the minimum height of the body to be 100% of the screen.
      min-height: 100vh;  
  
   //allows to center the content
      display: grid; 
  
  //centers the content vertically and horizontally
      place-content: center;  
  
  //the image and the color
      background: url("images/pattern-background-desktop.svg");
      background-color: hsl(225, 100%, 94%);
  
  //Scales the image as large as possible within its container without cropping or stretching the image
      background-size: contain; 
  
  //so the image doesn't repeat
      background-repeat: no-repeat; 
  }
  

  Here's more info on the background properties

  Hope this helps! 🤗

  Marked as helpful

  1

  ---

  

  Abdushakur•140

  @abdu-shakurPosted about 1 year ago

  @VickyAzola thanks, i really appreciate.

  1