Submitted about 2 years ago

3-column preview card component

Canice• 80

@Canice10

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

HTML
CSS

1newbie

View challenge

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

@klara367

Posted 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.

Kartar Developer• 360

@kartardeveloper

Posted 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. 👍

Please log in to post a comment

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