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 solution using Flexbox center and mobile first

@thenutscout

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


Even though I liked the backgrounds images for the given widths, I didn't liked how it turned out outside of those widths (I explained more in detail on the README in the repository). Can you give me any advice of how to make it more responsive for the users screen? Is it the size? Is it the positions? Is it the units I used?

Thank you for taking your time!

Community feedback

Shomy032 270

@Shomy032

Posted

You can make your black text little bit brighter , maybe set lower opacity or change color . Overall great work , i think its fully responsive , keep you coding :)

1

@thenutscout

Posted

@Shomy032 Thank you for your response! I didn't noticed the black text until now so I'll keep a sharp eye for that kind of details

1

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