Завдання

Стилізувати картку туристичного напрямку за допомогою зовнішнього CSS та inline-стилів.

Компонент має містити:

1. Обгортку div. Застосувати CSS-клас card через className.

2. Зображення (елемент img).

• Атрибут src має дорівнювати змінній imageUrl.
• Атрибут alt має дорівнювати Santorini.
  • Застосувати CSS-клас card-image.

3. Заголовок (елемент h2).

• Текстове значення — Santorini, Greece.
  • Застосувати CSS-клас title.

4. Абзац (елемент p).

• Текстове значення — Beautiful sunsets, white houses, and crystal clear water..
  • Застосувати inline-стилі через об'єкт descriptionStyles.

5. Об'єкт descriptionStyles має містити:

• color зі значенням "#555".
• fontSize зі значенням "18px".
• lineHeight зі значенням "1.5".

6. Імпортувати файл styles.css у компонент.

Початковий код

Відкрийте стартовий проєкт нижче та завершіть відсутні частини компонента.

Starter code

Розв'язок

Ви можете порівняти свій результат із фінальним розв'язком нижче.

Solution code