Tarefa

Estilizar um cartão de destino de viagem usando CSS externo e estilos inline.

O componente deve incluir:

1. Um elemento div de contêiner. Aplicar a classe CSS card usando className.

2. Uma imagem (elemento img).

• O atributo src deve ser igual à variável imageUrl.
• O atributo alt deve ser igual a Santorini.
  • Aplicar a classe CSS card-image.

3. Um título (elemento h2).

• O conteúdo de texto deve ser Santorini, Greece.
• Aplicar a classe title.

4. Um parágrafo (elemento p).

• O conteúdo de texto deve ser Beautiful sunsets, white houses, and crystal clear water..
• Aplicar estilos inline usando o objeto descriptionStyles.

5. O objeto descriptionStyles deve incluir:

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

6. Importar o arquivo styles.css no componente.

Código Inicial

Abra o projeto inicial abaixo e complete as partes que faltam do componente.

Starter code

Solução

Você pode comparar seu resultado com a solução final abaixo.

Solution code