Profile card component using flexbox

Community feedback

• 

  Lucas 👾•104,400

  @correlucasPosted about 2 years ago

  Hey Marius, congratulations for your solution!

  The solution overall is fine, the hardest part you've applied, the background, this is nice. I've only few tips about the responsiveness:

  1.The component is not responsive and if you note its not flexible, this is due the min-width you've add to the card that makes the card never gets smaller than its size, try to use instead max-width to allow it to have the maximum width but also shrink.

  2.To place the profile image in a better way and without the image moving depending on the screen size, you can use a simple negative margin as margin-top: -50px to make the image place between the header and content block.

  👨‍💻Here's my solution for this challenge if you wants to see how I build it: https://www.frontendmentor.io/solutions/product-preview-card-vanilla-css-and-custom-hover-state-on-hero-dVGWpOTgWS

  Keep coding bro!

  0