Skip to content
Submitted over 2 years ago

3 column preview card component with html and responsive css

accessibility, contentful, bem
BLESSING DAWODU•10
@DammyD
A solution to the 3-column preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

  • I found the media query part difficult and a bit challenging just getting acquainted with it.
  • What better can the project be achieved and clean without writing long code
Code

Please log in to post a comment

Log in

Community feedback

  • Luis Felipe•230
    @FelipinDR

    You should not add an alt tag to the icons because they're just icons, also you should use "aria-hidden:true" to hide them from accessibility Good job finishing this, good luck with the next challenges

    Marked as helpful
  • suhaib52•280
    @suhaib52

    You did it in a very good manner. Your code is well structured and readable.

    It would be nice if you start using semantic html tags, these tags would reduce the accessibility issues.

    You can also use :root to define the colors and then call them by using var() in your stylesheet. When you use the colors as a variable than your css code will look more precise.

    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