Skip to content
Submitted over 3 years ago

Profile Card Component With grid and flex

Jannatun Naher Reya•265
@reya3183
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Profile card component
  • HTML
  • CSS
1newbie

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

  • Gabriel Monsalve•320
    @Gabrieldev-web-coderPosted over 3 years ago

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

    1
  • Jannatun Naher Reya•265
    @reya3183Posted over 3 years ago

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

    1
  • Keith Price•65
    @keith-pricePosted over 3 years ago

    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

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