Skip to content
Submitted over 2 years ago

Product preview card

Dennis A. Boanini•210
@DennisBoanini
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

How I can scale the description text on button hover without using javascript?

Community feedback

  • Ahmed Bayoumi•6,740
    @Bayoumi-devPosted over 2 years ago

    Hey Dennis, It looks good!... You have accessibility issues that need to fix.

    • Document should have one main landmark, Contain the component with <main>.
    <main>
   <div class="container">
      //...
   </div>
</main>
    • All page content should be contained by landmarks, Contain the attribution with <footer>.
    <footer>
   <div class="attribution">
      //...
   </div>
</footer>

    Hope this help!... Keep coding👍

    Marked as helpful
    0
    Dennis A. Boanini•210
    @DennisBoaniniPosted over 2 years ago

    @Bayoumi-dev Thanks for the hints! 😍😍

    I have updated the solution right now!

    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