Skip to content
Submitted over 1 year ago

Three Column Card Component

abhijeet•30
@imabhijeet
A solution to the 3-column preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hello there, Hope you are doing great. Please review my code and provide some feedbacks or suggestion. It will be really helpful for me. Also, my buttons are not aligned for some screen size, how can I fix this.

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • P
    Daniel 🛸•44,830
    @danielmrz-dev

    Hello @imabhijeet!

    Your project looks great!

    I have a few tips for you to improve it:

    • The card has curvy edges, so you can add border-radius to get that result;
    • You can check the style-guide file to check the recommended font-family to the project. By the way, the font you used was a good one for this project.
    • The button Learn more is a clickable element, so it's nice to add cursor: pointer to it.
    • Lastly, you can replace your div.container with main.container. This won't change anything visually, but it makes your HTML code more semantic and improves SEO optimization as well as the accessibility of your project.

    I hope it helps!

    Other than those little things, you did an excelent job!

    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