Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

product-preview-card

@juancmdev

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Please submit your feedback, this helpme to learn easily.

Community feedback

@BilalSalmi

Posted

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
Discord logo

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