Order Summary Card (Grid)

Community feedback

• 

  Erik Samuel Medeiros•180

  @samuerikcoderPosted over 1 year ago

  Apply this changes in the body:

  body {
  display: grid;
  place-content: center;
  font-size: 15px;
  font-family: 'Red Hat Display', sans-serif;
  background: url(images/pattern-background-desktop.svg);
  background-size: contain;
  background-repeat: no-repeat;
  min-height: 100dvh;
  background-color: hsl(225, 100%, 94%);
  

  Now research the use of media queries to improve design on mobile. You will need to add unique modifications to it for the background of the body, I believe it will be very similar to the rules you had put. On the desktop add more padding to your content until you think it's similar to the original.

  Marked as helpful

  0

  ---

  

  Victoria Azola Silva•1,290

  @VickyAzolaPosted over 1 year ago

  @samuerikcoder Thanks! i completely missed the background color.

  1