Order summary component

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  👾Hello PLoris DUCAMPS, Congratulations on completing this challenge!

  Amazing solution! I’ve just opened the solution’s live site and I liked the job you’ve done a lot. I’ve some suggestions for you:

  To improve your component overall responsiveness, something you can do its to create a media query to save space in the pricing section to make each information in a different row. Here’s the code for this media query.

  @media (max-width: 350px) {
  .card__plan {
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: var(--Very-Pale-blue);
      flex-direction: column;
  }
  }
  

  To reduce your css file and improve the performance loading your page you can use a tool called css minify that reduces the css code removing the unnecessary characters. You can use a VSCode plugin called minify css or this website tool to reduce your code: https://www.toptal.com/developers/cssminifier

  ✌️ I hope this helps you and happy coding!

  1

  ---

  

  Loris DUCAMPS•425

  @LorisDucampsPosted about 2 years ago

  Hi @correlucas !

  Thank you for all of your feedback!!

  It's true that I can minify the css to improve the performance of the site.

  Thanks again for the time you take to give your advice :)

  Happy Coding !

  1