Order Summary w/ HTML & CSS

Community feedback

• 

  Lucas 👾•104,400

  @correlucasPosted about 2 years ago

  👾Hello Thomas, congratulations for your solution!

  You've here a really good solution, really close to a pixel perfect solution, thats really nice.

  I've checked your live site and the only thing I think you can improve is the background that's not full width yet, to fix that all you need to do is use this property on the body --> background-size: contain;

  See your code with changes below:

  body {
      position: relative;
      background-image: url(./images/pattern-background-mobile.svg);
      background-repeat: no-repeat;
      background-size: contain;
      background-color: rgba(214, 225, 255, 0.75);
      font-family: 'Red Hat Display', sans-serif;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  

  Keep it up!

  Marked as helpful

  0

  ---

  

  Thomas McGuire•70

  @mcguiretj18Posted about 2 years ago

  @correlucas will make that change, thanks!

  1