Oppgave

Stil et reisemålskort ved å bruke ekstern CSS og inline-stiler.

Komponenten må inkludere:

1. Et wrapper-div-element. Bruk CSS-klassen card med className.

2. Et bilde (img-element).

   • src-attributtet må være lik variabelen imageUrl.
   • alt-attributtet må være lik Santorini.
   • Bruk CSS-klassen card-image.

3. En overskrift (h2-element).

• Tekstinnholdet må være Santorini, Greece.
  • Bruk CSS-klassen title.

4. Et avsnitt (p-element).

• Tekstinnholdet må være Beautiful sunsets, white houses, and crystal clear water..
  • Bruk inline-stiler med objektet descriptionStyles.

5. Objektet descriptionStyles må inkludere:

• color lik "#555".
• fontSize lik "18px".
• lineHeight lik "1.5".

6. Importer filen styles.css i komponenten.

Startkode

Åpne startprosjektet under og fullfør de manglende delene av komponenten.

Starter code

Løsningsforslag

Du kan sammenligne resultatet ditt med den endelige løsningen under.

Solution code