Skip to content
Submitted over 1 year ago

Product preview card component using HTML & CSS By ABNmmd

ABNmmd•40
@ABNmmd
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

  • What did you find difficult while building the project?
  • Which areas of your code are you unsure of?
  • Do you have any questions about best practices?
  • Do you have any suggestions?

Community feedback

  • C H A R A N 🎯•2,670
    @0xabdulPosted over 1 year ago

    Hey dude 🤩 Congratulations you finished the product preview card , and some suggestions for you improve your code

    • Problem⚠️
    1. one Accessibility reports..!
    2. one html validation..
    • Solution 📌
    • In Html 🏷️
    • using div tag wrap the whole html code
    <body>
<div class="container" role="main">

//Whole html code
<h1> </h1>
<h2> </h2>
<h3> </h3>
//Using header tag by ordering..!
//avoid the main tag to wrap the code
</div>
</body>
    • first problem solving 👍
    • I hope it's useful for you and wating for your next project ❤️
    • Live , Learning , Lifestyle Changing..😎
    • Happy Coding 😃
    • Peace be upon Allah Mercy and Love 💕
    Marked as helpful
    1

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