Skip to content
Submitted over 2 years ago

3-Column Preview Card Challenge

Kenzar•70
@Kenzar-San
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

Only issue is that the transparent command into the <div class="text_button"> also makes the text transparent, instead of only making the background transparent.

Community feedback

  • Prabu S•630
    @mgkspPosted over 2 years ago

    Hey, well done! you did good.

    you've set the button text color with .luxury_container .text_button span.

    do this to fix .text_button:hover > span { color: white } instead of .text_button:hover { color: white }

    suggestion: add cursor: pointer to button to make the button look clickable.

    Keep up the good work happy coding. ✌️✌️

    Marked as helpful
    0
    Kenzar•70
    @Kenzar-SanPosted over 2 years ago

    @mgksp Thanks for the help, didn't know that you could use >. I forget to put the cursor, thought I did.

    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