Taak

Stijl een reiskaart met behulp van externe CSS en inline stijlen.

De component moet het volgende bevatten:

1. Een wrapper div-element. Pas de CSS-klasse card toe met className.

2. Een afbeelding (img-element).

   • src-attribuut moet gelijk zijn aan de variabele imageUrl.
   • alt-attribuut moet gelijk zijn aan Santorini.
   • Pas de CSS-klasse card-image toe.

3. Een koptekst (h2-element).

• De tekstinhoud moet Santorini, Greece zijn.
  • Pas de CSS-klasse title toe.

4. Een paragraaf (p-element).

• De tekstinhoud moet Beautiful sunsets, white houses, and crystal clear water. zijn.
• Pas inline stijlen toe met behulp van het object descriptionStyles.

5. Het object descriptionStyles moet bevatten:

• color gelijk aan "#555".
• fontSize gelijk aan "18px".
• lineHeight gelijk aan "1.5".

6. Importeer het bestand styles.css in de component.

Startcode

Open het startproject hieronder en vul de ontbrekende delen van de component aan.

Starter code

Oplossing

Je kunt je resultaat vergelijken met de uiteindelijke oplossing hieronder.

Solution code