Responsive Order Summary component using responsive design and grid

Community feedback

• 

  chamackstone•470

  @yannmarcPosted about 1 year ago

  Great job dude 💯✨ Your solution rocks 🤘🏾 below are few recomendations to make it a banger:

  • Do well to prioritise the mobile-first approach for your frontend projects.

  • Your component-container class doesn't look good on mobile, here's a quick fix to make it awesome 😉 @media (max-width: 424px) { body { padding-inline: 24px; } .component-container { width: 100%; } } to make it more subtle on mobile viewports.👌🏾

  • To ensure optimal display on desktop and tablet views, it is recommended to utilise the max-width property instead of setting the width to a specific percentage, such as width: 50%. This approach ensures responsive and adaptable rendering across different screen sizes.

  Overall your code is neat, well connected, a masterpiece. Keep hacking, you're amazing!

  Marked as helpful

  1

  ---

  

  AmeerMoustafa•120

  @AmeerMoustafaPosted about 1 year ago

  @yannmarc Thanks a ton for the tips. Mobile first is something I really need to work on.

  0