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

Responsive Page using CSS

@ayushv45

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


Suggestions to improve are most welcome.

Community feedback

ROCKY BARUA 1,090

@Drougnov

Posted

Hello @ayushv45, Great job. It's looking good.

However, here are something you can do to make it even better:

  • The pattern doesn't look good in 375px or lower width devices. Use a different background image for mobile devices using media queries. It is provided in the images folder.

  • Use the blue-ish color on the headings as the design requires.

  • Try to avoid div whenever you can. Use main directly on the container class and the footer on the attribution class. It's better for accessibility.

Good luck with the next solution and Happy coding :)

Marked as helpful

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