Skip to content
Submitted over 2 years ago

simple card HTML/CSS

mark_pherz•450
@mark-pherz
A solution to the Profile card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hi designers!

I haven't used any @media queries as this card looks cool as is on mobile screen.

What gave me challenge is background patterns, can anyone suggest how to make it look right and scale proportionally according to given design? Thank you 🙏

Code

Please log in to post a comment

Log in

Community feedback

  • Mohammed Wasik•30
    @mohammedWasik

    i would make the circles tad bit smaller and use position absolute to fix them in desired spot. your circles looks a bit large so when you position them they don't fit according to the design.play with the circle's size and see what works for you. And try to use media query as that will help you control the responsiveness.

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