Order summary component

Community feedback

• 

  Melvin Aguilar 🧑🏻‍💻•61,140

  @MelvinAguilarPosted over 1 year ago

  Hello there 👋. Good job on completing the challenge !

  I have one more suggestion about your code that might interest you.

  • The background color you have used is the color of the text, not the background. Try using these styles instead:

  .main {
      background-color: hsl(225deg, 100%, 94%);
      background-image: url(images/pattern-background-mobile.svg);
      background-repeat: no-repeat;
      /* background-position: center; */
      background-size: contain;
  }
  

  Happy coding!

  Marked as helpful

  2
• 

  Hassia Issah•50,650

  @HassiaiPosted over 1 year ago

  Give .main a background-color of pale-blue and the change the value of the background-size to contain.

  For a responsive content , give .card a fixed max-width value. max-width:432px which is 27rem. There is no need to give .card overflow-hidden.

  Hope am helpful.

  Well done for completing this challenge. HAPPY CODING

  Marked as helpful

  0