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

HTML, CSS, CSS Variables and Flexbox and Grid

P
David Turner 4,110

@brodiewebdt

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


Any feedback would be appreciated.

Community feedback

P
AK 6,700

@skyv26

Posted

Hey! You can use multiple image URL path in background color and set the position using background-position property.

In this design there are two big circle and your want to position it properly then you can use

background-position: top right, left bottom

Or background-position: top 10% right 7%, left 15% bottom 2% (dummy example)

I am on mobile maybe you had use this, but any other information required then I will try my best to answer

Marked as helpful

0
P
David Turner 4,110

@brodiewebdt

Posted

Thanks. I need to go back to some of my older ones and clear the acessibility warnings. I will use your suggestions.

0

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