Skip to content
Submitted over 3 years ago

Profile card component with HTML and Sass

Riyana Gueco•495
@rngueco
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

Hey! Did this challenge to practice more on Sass. I had a hard time positioning the background with this one. I didn't know how to make the background positioning responsive with respect to the viewport width, so I ended up using media queries on two specific breakpoints to position it the way I wanted.

Feedback on any part of my code is welcome!

Community feedback

  • Mojtaba Mosavi•3,760
    @MojtabaMosaviPosted over 3 years ago

    Hi!, looks good. In a bunch of places you are using fixed heights/widths, while using them gives more controll on the layout, in general using them tends to be the avoided mainly because you've to redefine them on every media querty and thus creating more work for you, Remember we want to be write dry code :). For your breakpoint use em because it has better browser support and it's more responsive.

    Keep coding :)

    Marked as helpful
    0
    Riyana Gueco•495
    @rnguecoPosted over 3 years ago

    @MojtabaMosavi Thanks Mojtaba! 🙂

    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