Skip to content
Submitted over 3 years ago

Order Summary Component Challenge (flexbox, saas)

Stephan•50
@cjwelldone
A solution to the Order summary component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I am happy to receive feedback on my solution.

Code

Please log in to post a comment

Log in

Community feedback

  • Aakash Verma•9,500
    @skyv26

    Hi! Stephen, To solve accessibility issues:

    1. wrap everything in your body in <main> OR give role="" to the direct children of your <body> ... Click here to read more here

    2. Change your below code

    <div class="attribution">
    Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>. 
    Coded by <a href="#">CjWellDone</a>.
  </div>

    TO

    <footer class="attribution">
    Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>. 
    Coded by <a href="#">CjWellDone</a>.
  </footer>
    1. start your headings with <h1> and move up by one level each time

    Good Luck ;)

  • Christian Holm•500
    @Madmanden

    Hi Stephan. On my phone the mobile view is a bit broken, it doesn’t show the whole component (it’s too narrow).

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