Skip to content
Submitted almost 2 years ago

Product preview card component using HTML and CSS

Val1on•110
@Val1on
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

This is the first project that I created so, feel free to say anything about my mistakes and it will help me to improve more. <3

Community feedback

  • Sinisa Vukmirovic•1,690
    @SinisaVukmirovicPosted almost 2 years ago

    Hello!

    Start by improving your CODE to fix the errors in your report.

    This "Images must have alternate text" means <img> elements must have an "alt=" attribute in them with text describing them for the people that can't see the image.

    This "Document should have one main landmark" means you are missing <main> semantic element in your html. Landmark just means element.

    This "All page content should be contained by landmarks" means all non-semantic elements should be inside of semantic elements, and not directly inside of <body> element.

    More about semantic elements

    Hope this helps! Good luck!

    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