@Hassiai
Posted
Replace <div class="wrapper"> with the main tag, add the alt attribute alt= " "
to the <img> and <h3> with <p> to fix the accessibility and error issues. for more on semantic html visit https://web.dev/learn/html/semantic-html/
Replace the height value of .product-card with auto or no height value to prevent the content from overflowing. increase the width value of product-card for it to match the design.
Give .product-image and .product-details a width of 50% instead of min width.
In the media query, there is no need to give .product-image a min-height value, give . product-card a fixed max-width value for a responsive content in smaller screens. reduce the max-width value of .product-card.
Hope am helpful HAPPY CODING
Marked as helpful