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 With grid and flex

@reya3183

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


Hello, this is my 5th challenge. I completed it using grid and flex. After completing this task finally, I realize how much grid and flex are nice to make responsive! I love so much it. If you have further any suggestion, feel free to tell me :)

Community feedback

@Gabrieldev-web-coder

Posted

Thank for you solution! now i know how make that background without a lot media queries XD

1

@reya3183

Posted

Thank you so much! I also notice it but can't fix. Thanks again for your tips, I'll apply it.

1

@keith-price

Posted

I have also just finished this challenge. It looks like you did a good job. The only thing that I notice is that the two circular gradients aren't in the right position. In the design brief they go underneath the card. It took me a while to get them in place and I ended up using pseudo::before and after to get them to work.

1

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