Skip to content
Submitted about 4 years ago

Just CSS

Izzatbek•50
@IzzatbekDadamirzayev
A solution to the Profile card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Who can help me to fix responsive design

Code

Please log in to post a comment

Log in

Community feedback

  • Jeffrey Izelaar•110
    @Astrobean

    Nice work! You're almost done, here's some quick suggestions:

    • The size of the card is fixed, no need to let it shrink or grow.
    • The card's size and layout is the same on mobile and desktop, so you don't need to use a media query on it.
    • For the card cover, try 'background-size: cover', to make it fill the top-half of the card.
    • The profile picture is a tricky one. I aligned it perfectly using CSS position.
    • The background images do need to be included in a media query as their position is different in each layout.

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