Skip to content
Submitted almost 3 years ago

Order Summary Card CSS Grid & Flex

Alex Inzunza•80
@alexinzunza
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Order summary component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hi, if you have any suggestion or comments about my exercise i appreciate it! Thanks

Community feedback

  • David Turner•4,150
    @brodiewebdtPosted almost 3 years ago

    This looks good the spacing and layout look very good. To clear the accessibility warnings: Wrap your card in a Main tag. Change your Annual Plan to an H2. You don't want to skip heading levels, you can style them as you want. Change your attribution div to a footer and that will clear the warnings. Downlaod AXE DevTools and you can clear the warning while you are coding. https://www.deque.com/axe/devtools/

    Hope this helps.

    Marked as helpful
    1

Please log in to post a comment

Log in with GitHub

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