Product Preview Card Component

Community feedback

• 

  TITOR•340

  @hectorestebanmPosted about 2 years ago

  Buenas Connor, te felicito por terminar el desafío, tengo unos consejos para darte. Siempre trata de que el contenedor tenga el width de la card que estas realizando. Dentro de tu clase .container elimina el display flex y agrega estas líneas: .container { display: grid; grid-template-columns: 1fr; width: 330px; }

  Y en tu clase .info-container elimina la línea de width: 500px. De esta forma todo el contenido de tu tarjeta tendrá siempre el mismo width.

  Sólo faltaría modificar la consulta de medios, podría quedarte así por darte un ejemplo, pero elije el que más te guste @media (min-width: 800px) { .container { display: grid; width: 850px; grid-template-columns: repeat(2, 1fr); } }

  Espero te ayuden estas sugerencias.

  0