Skip to content
Submitted about 3 years ago

3 Column Card Component with Flexbox

jjjayed•270
@Jane72-boop
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

Any feedback is welcome! I would like to ask if anyone knows a way so that the borders of my buttons are added inside instead of outside. Whenever you press it, it adds just a bit of margin to the bottom and the container expands in a very small degree.

Community feedback

  • Bayoura•105
    @BayouraPosted about 3 years ago

    Hey Jane, good job on this project!
    I would suggest adding the property border: 2px solid white to the button selector instead of :active. That way, the border will just always be there (albeit invisible due to the same colour as the button unless you click it), and it doesn't have to 'pop up' when you click the button. There will be no changes in size and your container will not expand.

    Hope this is helpful! :)

    Marked as helpful
    0
    jjjayed•270
    @Jane72-boopPosted about 3 years ago

    @Bayoura That is such a big brain move, I don't know how I missed it. Thank you so much!

    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