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 Using Flexbox, SASS, and BEM

Bryan King Pechoβ€’ 230

@bkpecho

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


Hi everyone! I hope you're doing well. I've recently submitted my challenge and I was wondering if anyone would be willing to take a look and provide some feedback. I'm open to any suggestions or critiques you may have, and I'd really appreciate your help. Thank you so much in advance!

Community feedback

P
visualdennisβ€’ 8,375

@visualdenniss

Posted

Great job completing this challenge successfully and making it fully responsive!

One suggestion would be regarding background circles. It looks like you have used background with url, but this seem to cause circles to collapse on each other when resizing as they are too big. Alternatively u can have those images as image with img tag, and position them absolutely. You can make the whole container position: relative, and overflow:hidden so that u when u position the circles .circle-left { position: absolute; top: -30rem; left: -10rem; }

like this, they match the design but the content overflowing wont be visible.

Hope you find this feedback helpful!

Marked as helpful

1

Bryan King Pechoβ€’ 230

@bkpecho

Posted

@visualdenniss Thanks for your feedback!

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