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

A solution using BEM and SCSS

P

@dalnoki

Desktop design screenshot for the Profile card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@clivepato93

Posted

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

0
Danilo Blas 6,300

@Sdann26

Posted

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
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