Skip to content
Submitted over 2 years ago

Profile card component using flexbox

auriga•210
@auriga2124
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 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

  • Rohit Deshpande•870
    @rohitd99Posted over 2 years ago

    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
    @auriga2124Posted over 2 years ago

    @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

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