Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

[Dúvida] 08 Lista de exercícios

Referente ao curso HTML e CSS: ambientes de desenvolvimento, estrutura de arquivos e tags, no capítulo Estilizando o projeto com CSS e atividade Lista de exercícios

por MARCOS ROGERIO SANTOS ALVES
| 25.8k xp | 102 posts
Professor 
<DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="UTF-8">
        <meta htpp-equiv="X-UA-Compatible" content="IE-edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>F1</title>
        <link rel="stylesheet" href = "style1.css">
    </head>
<body>
    <header></header>
    <main>
       <h1>Evento F1 em São Paulo <UTF-8></UTF-8></h1>
       <h2>Valores dos ingressos podem ultrapassar<strong> 17 mil reais</strong></h2>
       <p> A corrida de F1 ocorrerá entre os dias 03 a 05/11/2024 em Interlagos/SP. Os valor dos ingressos estão variando entre 645,00  reais a 17 mil reais.</p>
       <img src="download.png" alt="logo F1">
       <ol>
            <li>Setor A: A partir de 645,00 reais</li>
            <li>Setor B: A partir de 4.290,00 reais </li>
            <li>Setor M: A partir de 1.440,00 reais</li>
            <li>Setor Grand Prix Club: A partir de 17.650,00 reais</li>
        </ol>
       <a href="https://www.eventim.com.br/campaign/f1saopaulo"> Eventim</a>
       <img src="f1-map-hv-v2.jpg" alt="mapa dos setores">
    </main>
</body>
</html>
3 respostas
por MARCOS ROGERIO SANTOS ALVES
| 25.8k xp | 102 posts
Professor

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

por MARCOS ROGERIO SANTOS ALVES
| 25.8k xp | 102 posts
Professor

Como faço para ajustar o tamanho da imagem?

solução!
por Lorena Garcia
| 8308k xp | 12158 posts
Alura Scuba Team Suporte Educacional

Oii, Marcos. Tudo bem?

Como você tem duas imagens, indicaria colocar uma class na imagem que você quer modificar o tamnho, para que não afete as outras imagens.

No teste aqui coloquei class="logo-f1":

<img class="logo-f1" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR4FBUTQXnSKZ3dX5_mAuMw4eNwRIdm4Ke_Sw&s" alt="logo F1">

E adicionei a classe no CSS para ajustar o tamanho assim:

.logo-f1 {
  width: 400px;
  height: 200px;
}

Você pode mudar os valores para o que te agradar. Fique tranquilo que durante as aulas do curso os instrutores falarão sobre com mais detalhes.

Um abraço e bons estudos.