Order summary component w/ HTML & CSS

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello PVI, congratulations for your new solution!

  Your solution is just great, the only thing I think you can improve is to add min-height: 100vh; instead of min-height: 709px; to make the body display the background full height.

  See the code changes I did for you below:

  .main {
      min-height: 100vh;
      background-image: url(../images/pattern-background-mobile.svg);
      padding: 0 25px;
  }
  

  👋 I hope this helps you and happy coding!

  Marked as helpful

  1

  ---

  

  PVI•210

  @PVIdubsPosted over 2 years ago

  @correlucas Thank You So Much... I noticed that bug and just now I was fixing it... but I have a question: I should leave min-height: 900px; in the desktop version??? Is there a better solution??? Because otherwise the main element would have the height of the card...

  Once again thank you for your comment

  0

  

  PVI•210

  @PVIdubsPosted over 2 years ago

  @correlucas Thank You So Much... I noticed that bug and just now I was fixing it... but I have a question: I should leave min-height: 900px; in the desktop version??? Is there a better solution??? Because otherwise the main element would have the height of the card...

  Once again thank you for your comment

  1

  

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  @PVIdubs For the container height you don't really need to set it, the height comes from the element and its paddings, its an automatic size, the problem with height is that if the content grow more than the height this make the content pop out the container.

  Marked as helpful

  1

  

  PVI•210

  @PVIdubsPosted over 2 years ago

  @correlucas Ok, I understand it now... Thanks for your help and happy coding too...

  0