Skip to content
Submitted almost 2 years ago

3-column-preview-card-component

accessibility
sonu9889•20
@sonu9889
A solution to the 3-column preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

found responsive designing challenging. all feedback appreciated.

Code

Please log in to post a comment

Log in

Community feedback

  • Mayank Arora•430
    @mayankdrvr

    Congratulations sonu9889 for completing this challenge. Your design matches the solution very well and your code is following good practices.

    Here are a few observations-

    1. Avoid using <div> element in html file and use semantic html elements throughout the code for better web accessibility.
    2. Try to use the Block Element Modifier(BEM) naming method as a good practice of naming classes for referencing html elements in the css file.
    3. Using noopener and noreferer in <a> elements is a good security practice with cross browser compatibility.
    4. The h1 should be used for SEO, but it should be used only once.

    Awesome solution and keep it up.

    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