Falta pouco!

0 dias

0 horas

0 min

0 seg

Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Meu Caminho na Responsividade: Exercícios

Boa noite! Estou muito feliz com os avanços no meu projeto e como ele está se tornando mais adaptável. Continuarei testando e refinando para garantir a melhor experiência possível!

  1. Adaptando imagens para diferentes tamanhos de tela
.apresentacao__imagem {
    width: 50%; /* A imagem agora ocupa 50% da largura do seu elemento pai. */
}

  1. Ajustando o layout para diferentes dispositivos
.apresentacao__conteudo {
    width: 50%;
   
}
.apresentacao__imagem {
    width: 50%;

}

  1. Responsividade do conteúdo de texto
.apresentacao__conteudo {
    width: 50%; /* O conteúdo de texto agora ocupa 50% da largura do seu pai */
   
}

  1. Melhorando a responsividade dos links de navegação
.apresentacao__links__navegacao {
    width: 50%; /* Os links agora ocupam 50% da largura do seu contêiner pai */
    
}
1 resposta
solução!

Olá, Samara!

Que ótimo ver sua satisfação com os avanços no projeto! É muito gratificante quando começamos a ver o layout se adaptar como queremos.

Esses ajustes de width: 50% que você aplicou são a base para criar um layout equilibrado e profissional, dividindo o espaço de forma harmoniosa entre o conteúdo e a imagem.

Dominar essa base com porcentagens é o que te dará total controle para, em seguida, refinar o comportamento em telas menores, como você já começou a fazer.

É muito bom ver você construindo o design passo a passo. Continue com essa dedicação!

Bons estudos!

Sucesso

Imagem da comunidade