Order Summary Component

Community feedback

• Account deleted

  Hi there!! ✌️, I can see that your view in mobile colapse.

  This bugs is very easy to fix. 😄

  Let me show you... In your <div class="container"></div> tag, add the width: 90%; property.

  .container {
      width: 90%; // Add this
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      max-width: 400px;
  }
  

  And that's it to fix it!! ✅

  Happy coding!! 🙃

  Marked as helpful

  0

  ---

  

  ahmedabdalazeem49•220

  @AhmedAbdalazeem49Posted about 1 year ago

  Thanks a lot it was beneficial when I added width:90% it works better. @FLCHRIS

  0
• 

  Jennifer Souza•340

  @zoedarkweatherPosted about 1 year ago

  Hi! I see what you mean about the box with the price, but I think it's really that the whole flex container is collapsing on mobile. In your media query, I'd either do something to set a min-width on your flex container, or the better solution is probably to set your flex items to flex:0 so they don't shrink. Hope this is helpful!

  Marked as helpful

  0

  ---

  

  ahmedabdalazeem49•220

  @AhmedAbdalazeem49Posted about 1 year ago

  Thx a lot it is very helpful.@zoedarkweather

  1