Tarea

Estilizar una tarjeta de destino turístico utilizando CSS externo y estilos en línea.

El componente debe incluir:

1. Un elemento contenedor div. Aplicar la clase CSS card usando className.

2. Una imagen (elemento img).

• El atributo src debe ser igual a la variable imageUrl.
• El atributo alt debe ser igual a Santorini.
  • Aplicar la clase CSS card-image.

3. Un encabezado (elemento h2).

• El contenido de texto debe ser Santorini, Greece.
• Aplicar la clase CSS title.

4. Un párrafo (elemento p).

• El contenido de texto debe ser Beautiful sunsets, white houses, and crystal clear water..
• Aplicar estilos en línea usando el objeto descriptionStyles.

5. El objeto descriptionStyles debe incluir:

• color igual a "#555".
• fontSize igual a "18px".
• lineHeight igual a "1.5".

6. Importar el archivo styles.css en el componente.

Código inicial

Abre el proyecto inicial a continuación y completa las partes faltantes del componente.

Starter code

Solución

Puedes comparar tu resultado con la solución final a continuación.

Solution code