Ejercicio de programación con CSS: Reto Flexbox Card

Crea una tarjeta de producto utilizando Flexbox que se adapte correctamente a diferentes tamaños de pantalla. La tarjeta debe tener las siguientes características:

1. Un contenedor principal con clase .card que tenga:

• Un ancho base de 300px
• Capacidad para crecer pero no para reducirse
• Altura mínima de 200px
• Borde, padding y border-radius adecuados para una tarjeta

2. Dentro de la tarjeta, crea dos secciones:

• Una imagen (.card-image) que:

• Tenga un tamaño base de 100px

• No crezca ni se reduzca

• Tenga un fondo de color para simular una imagen

• Un contenido (.card-content) que:

• Ocupe todo el espacio restante

• Contenga un título y un párrafo de texto

3. Utiliza la propiedad shorthand flex para configurar el comportamiento de los elementos.

Asegúrate de que la tarjeta mantenga un diseño adecuado incluso cuando el espacio disponible sea limitado.