Fer• 3,970
@fernandolapaz
Posted
Hi 👋, regarding your question:
- The easiest way is to use Grid for the card and then divide it into two equal columns.
.card-outer {
display: grid;
grid-template-columns: 1fr 1fr;
}
- And note that there is a different image for each version. To make that change, the
<picture>
element is ideal:
<picture>
<source media="(min-width: x)" srcset="images/image-product-desktop.jpg">
<img src="images/image-product-mobile.jpg" alt="description">
</picture>
Please let me know if it works 🙂
Regards,
Marked as helpful
0