@yozan21Submitted about 2 years ago
Please check the margin and paddings. Thanks
Please check the margin and paddings. Thanks
Flex will help centering the content. For example in your body class, add this:
.body {
width: 21%;
background-color: hsl(0, 0%, 100%);
padding: 1rem;
border-radius: 5%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
Now you can apply the same to body element to center the whole card div.
This is my first challenge, i`ll acept sugest
Few suggestion:
<picture>
<source media="(max-width: 375px)"srcset="img/image-product-mobile.jpg"/>
<img src="img/image-product-desktop.jpg" />
</picture>