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

Responsive profile card component using flex

Mika 230

@mikatechs

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


  1. Could not figure out why profile image is not 100% visible as provided in design files.
  2. Could not determine the best practice approach for background images regarding responsiveness.

Community feedback

smahidv 170

@smahidv

Posted

add { background-size : cover} to make the image 100% visible .

1

Mika 230

@mikatechs

Posted

@smahidv Thanks, actually I had put { background-size : cover} on wrong place.

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