Skip to content
Submitted almost 4 years ago

Profile Card Using SCSS, partials and variables

Ian Rosen•10
@irosen419
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Profile card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

Community feedback

  • Rizky Firman Syah•215
    @rizfirsy-ghPosted almost 4 years ago

    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

    0
    Ian Rosen•10
    @irosen419Posted almost 4 years ago

    This is exactly the feedback I was hoping for... Thank you @RizkyFirman!

    0
    Rizky Firman Syah•215
    @rizfirsy-ghPosted almost 4 years ago

    @irosen419 You got it

    0

Please log in to post a comment

Log in with GitHub

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