Skip to content
Submitted over 2 years ago

A solution using BEM and SCSS

Zsofia Dalnoki-Papp•210
@dalnoki
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'd love to receive feedback on accessibility and best practices - and also if there's a more elegant solution for the background image positioning out there.

Community feedback

  • clive•140
    @clivepato93Posted over 2 years ago

    Hi there feel free to take a look at my solution for this challenge hope it helps

    0
  • Danilo Blas•6,300
    @Sdann26Posted over 2 years ago

    Hi Zsofia!

    Regarding this project I have nothing but congratulations, BEM methodology well applied, quite faithful to the design, valid solution of the various that can be, good practices. You could start adding shadows using the color value with the rgba() function (for example: rgba(0, 0, 0, 0.2), the idea is that the fourth parameter which is alpha allows you to add opacity, giving that transparency effect that always looks pretty good for shadows.

    Personally I think you have done well, good job.

    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