Skip to content
Submitted over 4 years ago

Profile Card Component With grid and flex

Jannatun Naher Reya•265
@reya3183
A solution to the Profile card component challenge
Preview (opens in new tab)Code (opens in new tab)

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 :)

Code

Please log in to post a comment

Log in

Community feedback

  • Gabriel Monsalve•320
    @Gabrieldev-web-coder

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

  • Jannatun Naher Reya•265
    @reya3183

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

  • Keith Price•65
    @keith-price

    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.

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