Submitted about 3 years ago

3-Column-Card-Component using HTML and CSS

Muskan2905• 20

@Muskan2905

Preview site View code

This is a solution for...

3-column preview card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

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.

Community feedback

Suvankar Pradhan• 650

@suvankarpradhan

Posted about 3 years ago

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

Muskan2905• 20

@Muskan2905

Posted about 3 years ago

@suvankarpradhan Thanks for telling me , but Is it syntax and what difference it makes?

Suvankar Pradhan• 650

@suvankarpradhan

Posted about 3 years ago

@Muskan2905 you use this piece of code <img class=cars-icon src=images\icon-sedans.svg alt=sedan-icon> Here if you use <img class=cars-icon src=images/icon-sedans.svg alt=sedan-icon> You get no html issues. You should use '/' in every src or url path.

William Spanfelner• 155

@Will-1-Am

Posted about 3 years ago

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.

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