Design comparison
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
- @suvankarpradhanPosted over 3 years ago
you should use '/' in any path selection. Don't use ''. good work.
1@Muskan2905Posted over 3 years ago@suvankarpradhan Thanks for telling me , but Is it syntax and what difference it makes?
0@suvankarpradhanPosted over 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.1 - @Will-1-AmPosted over 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.
0
Please log in to post a comment
Log in with GitHubJoin 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