Skip to content
Submitted over 3 years ago

Card component challenge using CSS grid and flexbox

accessibility, materialize-css, styled-components
Charvee•30
@casoultz
A solution to the Stats preview card component challenge
Preview (opens in new tab)Code (opens in new tab)
Code

Please log in to post a comment

Log in

Community feedback

  • Anosha Ahmed•9,300
    @anoshaahmed

    To avoid accessibility issues in the future:

    • add language to html like so: <html lang="en">
    • wrap everything in your body in <main> OR give role="" to the direct children of your <body> ... Click here to read more
    • have at least one <h1> in your code

    Good job! :)

    Marked as helpful
  • Christian Holm•500
    @Madmanden

    Hi @casoultz! The mobile view has a few issues with size it seems, at least on my IPhone 12 😊

    Marked as helpful

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