Order summary component

Community feedback

• 

  Lucas 👾•104,160

  @correlucas

  Posted almost 3 years ago

  👾Hello Sef Palima, congratulations for your new solution!

  Here’s a suggestion to improve your solution responsiveness. To make your solution even better and more responsive, you can create a media query to break the elements in the pricing section and make every content in a different row saving space for low resolution devices.

  @media (max-width: 350px) {
  .row-4 {
      display: flex;
      flex-direction: column;
  }
  }
  

  Think about using relative units as rem or em instead of px to improve your performance by resizing fonts between different screens and devices.Anyhow, if we want a more accessible website, then we should use rem instead of px. REM does not just apply to font size, but to all sizes as well.

  ✌️ I hope this helps you and happy coding!

  00