//exercicios .apresentacao__imagem { width: 50%; }
.apresentacao__conteudo { width: 50%;
}
.apresentacao__links__navegacao { width: 50%; }
//exercicios .apresentacao__imagem { width: 50%; }
.apresentacao__conteudo { width: 50%;
}
.apresentacao__links__navegacao { width: 50%; }
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.