Skip to content
Submitted over 3 years ago

3-column preview card component using vanilla CSS Mobile-First

Gonza Zabaleta•155
@gonzabaleta
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

For some reason, when I hover the buttons they get a little bit bigger (and I think the text inside of them gets a bit smaller too). How can I fix this?

Thank you!

Community feedback

  • minthing•145
    @minthingPosted over 3 years ago

    The reason is that you only gave the border only when the button was hovering or it's display is inline-block. if you want to fix this with box-sizing, make sure that the button should be display:block; or it can't have height or width

    nice work, Gonza ✨

    0
    Gonza Zabaleta•155
    @gonzabaletaPosted over 3 years ago

    It worked, thank you!!!

    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