1
resposta

Adaptando elementos

//exercicios .apresentacao__imagem { width: 50%; }

.apresentacao__conteudo { width: 50%;

}

.apresentacao__links__navegacao { width: 50%; }

1 resposta

Olá, Orlans. Tudo bem?

Muito obrigado por compartilhar o seu código aqui com a gente. Parabéns pelo trabalho. Continue com essa dedicação.

Ótimo como você está utilizando a propriedade width para trabalhar com as larguras dos elementos de forma proporcional. Isso é fundamental para garantir uma responsividade eficiente.

Uma dica interessante é usar a unidade vw (viewport width) ao invés de uma porcentagem fixa para tornar o design mais dinâmico em diferentes tamanhos de tela. Por exemplo:


.apresentacao__imagem { width: 50vw; }
.apresentacao__conteudo { width: 50vw; }
.apresentacao__links__navegacao { width: 50vw; }

Isso faz com que a largura dos elementos seja ajustada de acordo com o tamanho da janela do navegador. Experimente para ver como ele se adapta a diferentes resoluções.

  Alura   Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!