Order Summary Card

Solution retrospective
All feedback is welcome. Also, how can I center the content just like it is in the design
Please log in to post a comment
Log in with GitHubCommunity feedback
- @ChamuMutezva
Nice work, well done. Work on the styling for mobile especially for devices less than 375px. Try adding
max-width
to themain
elementmain { width: 375px; height: 520px; margin: 2em auto 7em; max-width: 90%; //add this so that if the width is less than 375px then the width will be 90% of the container . That will prevent the main content from being cut off the display }
- @hafizanadli
For better responsiveness, try avoid using absolute value. Better to use relative value (%, vw, etc.). And also play with media queries.
Great job!
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