Submitted over 3 years ago

Vanilla css profile card component

Vivien Bálint• 290

@vivienbalint

Preview site View code

This is a solution for...

Profile card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

This was a quick one :D Couldn't make the responsive card work with mobile, so used static size instead. Any idea? :)

Community feedback

ApplePieGiraffe• 30,565

@ApplePieGiraffe

Posted over 3 years ago

Hey, Vivien Bálint! 👋

Nice job on another challenge! 👍

I don't think you really need to do much responsive work for this design. The only thing that might help is to set the width of the card component to 100% and then set a max-width on it so that it retains the width of the max-width on most screens but decreases in width for extra-small screens.

Keep coding (and happy coding, too)! 😁

Vivien Bálint• 290

@vivienbalint

Posted over 3 years ago

Thanks again, great idea!

Please log in to post a comment

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