Skip to content
Submitted about 2 years ago

product-preview-card

Juan Carlos Moreno J•120
@juancmdev
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

Please submit your feedback, this helpme to learn easily.

Community feedback

  • ‪Bilal Salmi‬‏•250
    @BilalSalmiPosted about 2 years ago

    Hi Juan, you did a great job!

      • Accessibility recommadations*

    • Your web page should contain just one <main> element

    • consider using Html semantic elements like <section> <article> <header> <nav> <footer> in your page.

    Read more about them here.

    1. You shouldn't put <div> inside <button> because <div> element is a container for elements and button is an element , so you could put <button> in <div> but vice vera you will get accessbility error .

    read more about <div> container here.

    1. your page should contain <main> element just once

    Keep it up!

    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