Uppgift

Styla ett resekort med extern CSS och inline-stilar.

Komponenten ska innehålla:

1. Ett omslutande div-element. Applicera CSS-klassen card med hjälp av className.

2. En bild (img-element).

   • src-attributet ska vara lika med variabeln imageUrl.
   • alt-attributet ska vara lika med Santorini.
   • Applicera CSS-klassen card-image.

3. En rubrik (h2-element).

• Textinnehållet ska vara Santorini, Greece.
  • Applicera CSS-klassen title.

4. Ett stycke (p-element).

• Textinnehållet ska vara Beautiful sunsets, white houses, and crystal clear water..
  • Applicera inline-stilar med hjälp av objektet descriptionStyles.

5. Objektet descriptionStyles ska innehålla:

• color lika med "#555".
• fontSize lika med "18px".
• lineHeight lika med "1.5".

6. Importera filen styles.css i komponenten.

Startkod

Öppna startprojektet nedan och fyll i de saknade delarna av komponenten.

Starter code

Lösning

Du kan jämföra ditt resultat med den slutgiltiga lösningen nedan.

Solution code