Skip to content
Submitted about 3 years ago

Order summary component / Flexbox

ShyamCanCode•90
@Itachidorri
A solution to the Order summary component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Just started diving into using flexbox for responsive web design. Below are some of the obstacles I faced when developing this project.

  1. The flexbox shrinks horizontally when I minimize the browser window vertically. Can anyone explain why this happens.
  2. I struggled while adjusting padding and don't know which units(eg:rem,em,vh,vw) are best to use to build responsive layout. I found a quick fix 'a one line code' that suits all screen sizes. You can check out my 'readme' file for the solution.
  3. Any suggestions you wish to share will be very much appreciated. Thank you for your time. Hare Krishna :)
Code

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on ShyamCanCode's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord