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 COMPONENT

Marcelo 20

@cajalmarcelo

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


I'm new to this and it got a bit complicated for me, if someone can share their code with me to compare, it would help me a lot.

Community feedback

Fat 850

@Fahatmah

Posted

Hey there!

Nice work there. I see that you nearly have the exact output based on the design. And that's good job for a first timer here. Also consider that there is a border-radius that should be in the corners of the card.

And also based on your report, you have some accessibility issues and it said that you need to use headings hierarchy. You can fix it by reading this. Another issue is using div in your card as an container for all of the elements inside of it. Instead of using div, it is best practice to use semantic HTML. All you have to do is replace those divs to main, section, footer and other semantic HTML. Hope this helps you!

Marked as helpful

0

Marcelo 20

@cajalmarcelo

Posted

@Fahatmah thank you very much, your comment is very useful.

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