Profile Card Component Using Flexbox, SASS, and BEM
Design comparison
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
- @visualdennissPosted over 1 year ago
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 helpful1
Please log in to post a comment
Log in with GitHub
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