Skip to content
Submitted over 2 years ago

Responsive-Product-Card-Design

accessibility
Necib ERKOL•20
@Neciberkol
A solution to the Product preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

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 .

Code

Please log in to post a comment

Log in

Community feedback

  • Abraham•270
    @Abeeujah

    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

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