@SpartanFranco
Posted
Hola buen trabajo,el único detalle es que la imagen no ocupa todo su espacio,es porque tienes : <picture class="product__content"> ....img </picture> y <div class="product__content"> ...content </div>
con las mismas clases,y en el css la clase : .product__content { display: grid; gap: var(--content-spacing); padding: var(--content-padding); }
estas aplicándole al contenedor de la imagen un padding también, por eso se ve así la imagen, una solución sería quitarle la clase a <picture> y verás el cambio,por lo demás te quedó idéntico 👌