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

Profile card component using flexbox

auriga 210

@auriga2124

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 found it difficult when positioning multiple background images. should I use lengths or percentages value for simple or better practice? And how to be responsive about background image, I use media query, btw. Is there any other way?

Community feedback

@rohitd99

Posted

Hi there congrats on completing the challenge.

You can make the flex direction of the unordered list as column to make it more responsive on smaller sizes. Also the size of the image can be smaller on the mobile screen.

Other than that even I found the background images a little weird to place , I had to write multiple media queries.

Marked as helpful

0

auriga 210

@auriga2124

Posted

@rohitd99 Thank a lot bro, for helpfull feedback and answering my question. I'll try again.

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