Skip to content
Submitted over 3 years ago

3-column preview card component solution

Vernon•60
@VernonDodo
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

This is one of the first projects that I didn't struggle that much with because I had a strategy going in, and it worked out well - I put it all in the Readme on my Github repository.

What I did struggle with, and didn't get right, was the active and hover states of the buttons; managed to get a clear button to show up on hover and active states but could not get the button text color to change. I would really appreciate any help or advice in this regard.

Also, for reasons that I could not pinpoint, my mobile design is not properly positioned within its viewport; could really do with some advice on how to fix that.

Community feedback

  • Patrick•14,265
    @palgrammingPosted over 3 years ago

    you need to look at your CSS Specificity when it come to how you are styling your buttons. If you look you are controlling text color in the button with a #ID and tag combo and then your hover is on a CLASS https://youtu.be/c0kfcP_nD9E

    0
    Vernon•60
    @VernonDodoPosted over 3 years ago

    @palgramming Thank you for your feedback. I changed those IDs to classes and that seems to have fixed the problem

    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