Skip to content
Submitted almost 2 years ago

Responsive-Product-Card-Design

Necib ERKOL•20
@Neciberkol
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

Any Comments and help will be great , thank you so much for any advice , Thats my first time trying -root so i got help about it from youtube- Also Used a Ready Css Reset Belongs to Josh COMEAU which is solved my many many problems .

Community feedback

  • Abraham•270
    @AbeeujahPosted almost 2 years ago

    HTML Accessibility:

    Use the <title> tag to provide page title of your site, you can learn more about title best practices Here

    Use the <main> tag to wrap all the main content of the page instead of the <div> tag. With this semantic element you can improve the accessibility of your page.

    Use the <footer> tag to wrap the footer of the page instead of the <div class="attribution">. The <footer> element contains information about the author of the page, the copyright, and other legal information. you can learn more about accessibility Here

    Marked as helpful
    1
    Necib ERKOL•20
    @NeciberkolPosted almost 2 years ago

    @Abeeujah Title and footer is added thanks for reminders.

    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