Skip to content
Submitted over 4 years ago

Profile Card Using SCSS, partials and variables

Ian Rosen•10
@irosen419
A solution to the Profile card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I used rem as the unit of measurement for almost everything... Was this the right move? Any other suggestions, tips, hints, tricks?

Code

Please log in to post a comment

Log in

Community feedback

  • Rizky Firman•215
    @ykyouki

    Hi @ irosen419 you do great and everything works fine even though you are missing some statistic elements, but I don't care. Let's focus on your question. During my experience as a beginner, using rem for everything is not a very good thing and it creates other bugs when we work on other complex projects. Maybe we won't find the problem in a simple project, but we'll face it when we do it (use brakes for everything) for other complex jobs.

    My tips:

    1. Use rem for font-size and padding.
    2. Use em for your margins.
    3. Use px or % to measure your elements. I don't guarantee this 100% but I work on it for all my projects, so I'm confident enough to share it with you.

    Hope this provides a reference, Thank you

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