Skip to content
Submitted about 4 years ago

3-Column-Card-Component using HTML and CSS

Muskan2905•20
@Muskan2905
A solution to the 3-column preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hey, Guys, this is my second newbie challenge from frontendmentor, I made this three-column card component using HTML and CSS. Your suggestions are welcome if you find something inaccurate. Thanks.

Code

Please log in to post a comment

Log in

Community feedback

  • Suvankar Pradhan•670
    @suvankarpradhan

    you should use '/' in any path selection. Don't use ''. good work.

  • William Spanfelner•155
    @Will-1-Am

    Hey, nice work on submitting your second challenge!

    You might consider wrapping your body content in another container and using flex-box to . Check-out this pen (https://codepen.io/will-1-am-the-Iceman/pen/gOgBrVP) for a suggestion on how to center everything horizontally and vertically - you can see the html and css and test til your heart's content.

    Stopping the button text from wrapping to a second line could be done using a min-width on your card or col.

    Hopefully, this will help you along on your coding journey.

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