Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Order Summary HTML/CSS

Dean 30

@Xephile

Desktop design screenshot for the Order summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Order Summary card, responsive from everything between a desktop and a mobile!

Community feedback

P
Hamza H. 460

@hhamza1

Posted

Why do you have an overflow:scroll on the component's content in the mobile version?

Always avoid setting height property at all cost, you need to have the elements set on the page then start working the layout based on the viewport. You will still need to refactor your code.

I would suggest you go and check some of the solutions and compare and understand.

Good job on the effort and keep practicing.

1
Ahmed Faisal 5,095

@afrussel

Posted

  • Backgound color is missing. Aslo in small windows below section ki broken up. While you inspect your browser you can see this
1

Please log in to post a comment

Log in with GitHub
Discord logo

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