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

Amr Emara 40

@aemara

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


General feedback is appreciated. In particular I am struggling with a few things. First, I am trying to make the two background circles responsive. I don't know how to keep them intersecting the card at the same place when I resize the width. Second, I tried to position the attribution at the bottom of page by using position and offset properties but it only worked by adding a lot of top margin. I can't seem to figure out why position and offset didn't work.

Community feedback

Tin.Pham 250

@tin-pham

Posted

https://www.frontendmentor.io/solutions/responsive-layout-using-flexbox-pseudo-element-Xc-CtdQ4m This is my solution on this challenge About 2 circle, you can use pseudo element and z-index to make 2 circle responsive to the container Anyway. Good work. Keep hard work, bro

0

Amr Emara 40

@aemara

Posted

@phambaohuy12345 Thanks a lot, buddy !

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