Skip to content
Submitted about 2 years ago

3-column preview card component

Canice•80
@Canice10
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

I'm still having some issues with centering the main component card perfectly. Please I'll appreciate the community's feedback on this project.

Thank you.

Community feedback

  • Klara•270
    @klara367Posted about 2 years ago

    Hi Canice,

    nice work! If you want to display your component centered vertically, you need to put some height on flex container. In your case try to put min-width:100vh on main.

    You can check it out here

    Hope that'll help.

    0
  • Kartar Developer•360
    @kartardeveloperPosted about 2 years ago

    Hey Canice, You did great! Some things that you can improve -- 1). Add a transition on button so that the animation looks smooth. 2). You can replace font-size with transform: scale(1.2); on button hover. The other looks good! Hope this will help 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