Compito

Stilizzare una scheda di destinazione di viaggio utilizzando CSS esterno e stili inline.

Il componente deve includere:

1. Un elemento wrapper div. Applicare la classe CSS card utilizzando className.

2. Un'immagine (elemento img).

• L'attributo src deve essere uguale alla variabile imageUrl.
• L'attributo alt deve essere uguale a Santorini.
  • Applicare la classe CSS card-image.

3. Un'intestazione (elemento h2).

• Il suo contenuto testuale deve essere Santorini, Greece.
• Applicare la classe title.

4. Un paragrafo (elemento p).

• Il suo contenuto testuale deve essere Beautiful sunsets, white houses, and crystal clear water..
• Applicare stili inline utilizzando l'oggetto descriptionStyles.

5. L'oggetto descriptionStyles deve includere:

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

6. Importare il file styles.css all'interno del componente.

Codice iniziale

Apri il progetto iniziale qui sotto e completa le parti mancanti del componente.

Starter code

Soluzione

Puoi confrontare il tuo risultato con la soluzione finale qui sotto.

Solution code