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 using HTML and CSS

Dom B 190

@dombrga

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


Is my solution close enough for the challenge? Thank you!

Community feedback

ROCKY BARUA 1,090

@Drougnov

Posted

@dombrga yes sir, it is close enough. You did a marvelous job.

Everything is perfect except the background pattern. It's not flexible enough for bigger screen. You can fix it by adding background-size: contain.

Change the h2 to h1 to make your code accessible.

Plus you need to add a different pattern for mobile devices. But the design is pretty good. Great job. Happy coding :)

0

Dom B 190

@dombrga

Posted

@Drougnov thanks for the suggestion! Just a question, how is h1 accessible and not h2 what is accessibility here? Thank you!

0
ROCKY BARUA 1,090

@Drougnov

Posted

@dombrga Good question. For accessibility, we need to use heading in a sequence. Like this: h1>h2>h3 etc. So we can't start without a first-level heading.

0

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