Skip to content
Submitted about 2 years ago

Product Preview Card Component

Dan•30
@txhawg
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

Are these "component" items supposed to have an H1 element? I am assuming since they are components they would be part of a complete web page which should already have an H1 component. I read somewhere there should only be 1 H1 on any given page.

Community feedback

  • Dan•30
    @txhawgPosted about 2 years ago

    The design comparison does not accurately show the solution as coded. Why is that? Where is it getting it's rendering info from? That is frustrating! I spent hours getting it "just right".

    0
  • Lucas 👾•104,400
    @correlucasPosted about 2 years ago

    👾Hello Dan, congratulations for your new solution!

    I got what you said, in this case you add h1 only to avoid the solution report saying that you miss the h1 heading.

    But in another context for sure the card title will be an h1 or h2. Since this is just a component part of a big page and will be not the main title anyway.

    👋 I hope this helps you and happy coding!

    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