Skip to content
Submitted about 3 years ago

3 Column Card Preview

WannaBeDev•90
@GColville
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

When hovering over the buttons, the margin size seems to increase. Is there an efficient way to stop this from happening?

Community feedback

  • Fluffy Kas•7,715
    @FluffyKasPosted about 3 years ago

    Hey, add the same border for the buttons that you have on their hover state, that should keep them from jumping :) You could also center you component by using min-height: 100vh, display: grid, place-items: center on the body! Otherwise really nice work :)

    Marked as helpful
    1
    WannaBeDev•90
    @GColvillePosted about 3 years ago

    @FluffyKas

    Hey, thank you very much for the advice :D

    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