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

Html CSS MediaQuery Web design

@AhmedSaidi99

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


Hi, My second project as a newbie. Any advice or suggestion Would be appreciated!

Community feedback

hardy 3,660

@hardy333

Posted

  • use more vertical padding on button.
  • Try to fix accessibility issues:
    • use <main></main> element for .container not dev
    • use h1 tag instead of h3

Marked as helpful

4
P
Fluffy Kas 7,735

@FluffyKas

Posted

Hiya, your solution looks really good! I have a few suggestions though:

  1. You could add a background-size: contain to your background image so it covers the whole screen.

  2. The payment button could use a bit more padding top and bottom.

  3. You could swap the container div to main to make it more semantic.

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