Explicação de Alto e largo
Objetivo do desafio: Usar o CSS para definir a altura das imagens.
Passo a passo da solução: Quando as imagens são adicionadas com HTML, elas aparecem em seu tamanho original. Para mudar ainda mais o tamanho dessas imagens, podemos estabelecer regras para sua height
e width
.
Para concluir o desafio, defina a propriedade height
no conjunto de regras img
como 60px
Solução do código de exemplo:
(Toque abaixo para revelar)
CSS
body {
background-color: silver;
}
img {
height: 60px;
width: auto;
}
Conceitos de HTML: elementos <img>
, atributo src
Conceitos de CSS: Seletor, Regra, Conjunto de Regras, Redimensionamento de Imagem