Responsive Order Summary Card

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Viraj, congratulations for your new solution!

  Your solution is great, the design is really good done, something you can improve is the card responsiveness, its already working, but if you note the pricing section (annual plan) starts to break when the container become small.

  A way to fix that is by creating a media query to change the section flow and put each element in a different row to save space.

  Here's the code with the media query I did for you:

  @media (max-width: 340px) {
  .container2 {
      display: flex
      flex-direction: column;
  }
  }
  

  👋 I hope this helps you and happy coding!

  0