@correlucas
Posted
👾 Hola Titor, congratulaciones per tu solución!
Su contenedor no crece y no responde porque usó width
en lugar de max-width
para resolver esto, debe establecer un tamaño como max-width: 900px;
y hacer que cada columna sea el 50% del ancho del contenedor. o use display: grid;
y divídalo con grid-template-column: 1fr 1fr;
y luego cambie la media query
a grid-template-column: 1fr;
es la forma más simple para resolver este desafío.
Puedes usar mi solucion como referencia se quieres: https://www.frontendmentor.io/challenges/product-preview-card-component-GO7UmttRfa/hub/product-preview-card-vanilla-css-and-custom-hover-state-on-hero-85A1JsueD1
Espero que te ayude, happy coding!