I had difficulty on solving this challenge, particularly with the main image hover icon. I used Position to solve this problem, but I feel this isn't the correct way. I'll come back to this challenge again later to try to solve in the right way.
you can use `body{
min-height:100vh;
display:flex;
justify-contnet:center;
align-items:center;
}` to make the card centered in the webpage
you need to add padding to the text and made give all the content on the side a div and make it move a little to the right margin-left
Frontend Mentor - Product preview card component
In this solution i used bootstrap structure. I'ts to assume css standards. I also started to see about commit patterns
Contém gambiarra
<img src="./images/code1.png" height="200px" width="300px"> <br> <img src="./images/code2.png" height="200px" width="300px">set the background color to white make the " add to cart " button's border more circular otherwise it's great
why does the font of the heading doesn't look like what i made in the original code
