Order Summary component

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  👾Hello @kriShnanshu-saini, congratulations on your first solution!

  Nice code and nice solution! You did a good job here putting everything together. I’ve some suggestions for you:

  Add the color blue as a background to make constrat with the image.

  Make your solution SUPER RESPONSIVE, creating 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) {
  .plan {
      margin: 0 2.5em 2em;
      padding: 1em;
      background-color: var(--very-pale-blue);
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-radius: 1em;
      flex-direction: column;
  }
  }
  

  ✌️ I hope this helps you and happy coding!

  0

  ---

  

  anshuL.saini•60

  @kriShnanshu-sainiPosted about 2 years ago

  @correlucas Hey! i didn’t knew that we had to make all projects responsive, at first i tried to make it responsive but then i thought might be it is not needed so i left it. I’ll keep it mind from next onwards. Thanks for the feedback

  0