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 challenge hub with Flexbox

P
miuoshv 60

@miuoshv

Desktop design screenshot for the Order summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

P

@DarrickFauvel

Posted

@miuoshv I also noticed that you are missing the active states of the component. Take a look at the active-states.jpg file for reference.

:D

Marked as helpful

1
P

@DarrickFauvel

Posted

Hi @miuoshv, it looks like you have some reported accessibility issues. To fix them, try this:

Issue: "Document should have one main landmark"

Solution: You should use at least one semantic HTML element in your code, like <main>. Here's a good reference. https://www.w3schools.com/html/html5_semantic_elements.asp

Issue: "Page should contain a level-one heading"

Solution: You can use <h1>Order Summary</h1>.

I hope this helps.

:D

Marked as helpful

1
P
miuoshv 60

@miuoshv

Posted

Thank you for your feedback!

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