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

Responsive profile-card-component-main with flex and grid

#bootstrap

@somaye-beiranvand

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 everybody, welcome to my new solution 😊

At first look this project seemed to be easy but positioning the background bubbles responsively turned out to become a real challenge.

  • In this project I read some more in depth about background and learned a lot, specially about background position.

  • I used grid for implementing the card part which was enjoyable and so helpful.

If you have any idea to improve my code or design it would be precious to me ,so plz let me know 😊

Community feedback

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