Skip to content
Submitted 21 days ago

3-Column Preview Card Component

pstar8•260
@pstar8
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

What are you most proud of, and what would you do differently next time?

I'm proud I didn't spend too much on this project.

What challenges did you encounter, and how did you overcome them?

Every time the button was hovered upon, the width of the whole container would change. So I styled the button and the button:hover with specific paddings.

What specific areas of your project would you like help with?

Any suggestions on how I can improve are very welcome.

Community feedback

  • Adriano•38,060
    @AdrianoEscarabotePosted 20 days ago

    Hi pstar8, hope you're doing well! I loved how your project turned out, but I’ve got a few suggestions that could be useful:

    I noticed that you use more than one h1, this is not a good practice since it is recommended to have only one h1 per page to inform the main title of the page! so remove all h1 and put h2

    I noticed that you used a button in which case the best option would be an a, because in my head when a person clicks on a button written Learn More, he is not confirming a form, or something like, it will be redirected to another page, to Learn More about!

    to solve this problem do this:

    <a href="/">Learn More</a>

    The rest is fantastic.

    Hopefully, you'll find it helpful. 👍

    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