Skip to content
Submitted 10 months ago

3-Column preview card component using CSS Grid

Sayan De•120
@RoosterRoo
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...3-column preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

  1. Any feedback on the code structure or design is appreciated.
  2. I am thinking of making individual components into grid as well. Is that a good thing with respect to this project?

Community feedback

  • Daniel 🛸•44,250
    @danielmrz-devPosted 10 months ago

    Hello @RoosterRoo!

    Your solution looks great!

    I have a couple of suggestions for improvement:

    • For semantic reasons, you can replace your div.container with main.container. This change may have little or no visual impact but it makes your HTML code more semantic and improve SEO optimization as well as the accessibility of your project.

    • Also, since the Learn More button is a clickable element, it's nice to add cursor: pointer to it. It gives the user a visual indication that's clickable.

    I hope it helps!

    Other than that, great job!

    Marked as helpful
    0

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