Skip to content
Submitted over 2 years ago

Responsive card

Nantenaina•30
@Nathanwalker28
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Product preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Any suggestion to improve please?

Community feedback

  • MURRAY122•280
    @MURRAY122Posted over 2 years ago

    Hi,

    Good solution! In terms of accessibility, it would be best to implement landmarks (you can click view report button above the comments on this page to view more) to make the structure of the page to be more easily understood for things like screen readers etc..

    A basic example would be to use the main landmark within your body tag. <body><main></main><body>

    you can also read more about it here (W3)

    Marked as helpful
    0

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