Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive card component using Bootstrap

P

@julianesilvac75

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@fedefioretti

Posted

Hi Juliane! I've just read your code and noticed that you don't use 'em' or 'rem' units for scaling. It will help you a lot once you start adding them. Instead of using 'px' as the main unit (like you do and I was doing all the time too), try to implement 'ems' or 'rems'. Maybe you already know this, but if you don't, here is the perfect explanation:

https://web.dev/learn/design

Within the 'Typography' chapter, you'll find everything you need.

P.S.: Keep your <link> elements together in your HTML!

Nice job indeed!!

0

Please log in to post a comment

Log in with GitHub
Discord logo

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