@correlucas
Posted
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!