Skip to content
Submitted almost 2 years ago

3-column-preview-card

Madeleine De Guzman•70
@deguzmanmadeleine22
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

Does anyone have a suggestion on how to fix the issue with the hover? Whenever I hover the button the text is also missing. Created a temporary solution by wrapping the text into a span, but it only triggers the text to show when the area of text is hovered.

I'll appreciate any suggestions. Happy coding~!

Community feedback

  • S MD suleman•3,530
    @sulemaan7070Posted almost 2 years ago

    hey @deguzmanmadeleine22 ... instead of using div and span for learn more you can do something like

    div1 button{
background-color:white;
color:orange;
}
div1 button:hover{
background-color:orange;
color:white;
border: 1.5px solid white;
}

    hope it helps happy coding😄🔥🔥

    0
  • Glory Simon•30
    @Glory995Posted almost 2 years ago

    Alright

    on hover you can set the background color of the button to transparent and the color to white

    i hope that helps

    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