Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

O padding auto não funcionou

subi o codigo no git, mas como falei anteriormente, o texto não está ocupando o espaço total da tela. segue o link do github: https://github.com/broobs/AutoBio.git Insira aqui a descrição dessa imagem para ajudar na acessibilidade

3 respostas

Olá, Bruna! Como vai?

O texto em questão não está ocupando o espaço total da tela por conta do atributo width: 50% no elemento de classe ".apresentacao__conteudo". Para corrigir isso, você pode adicionar o atributo "width: 100%" dentro do @media do arquivo "style.css".

Espero que isso ajude. Fico à disposição para ajudar!

Abraço e até mais.

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!
solução!

Olá, Bruna! Olha não é o padding que vai fazer o texto oculpar toda a tela, e sim o width: auto; No final do código style do css, adicione o código para responsive abaixo:

@media (max-width: 1200px) {
    .cabecalho {
        padding: 10%;
    }
    .cabecalho__menu {
        justify-content: center;
    }
    .apresentacao {
        flex-direction: column-reverse;
    }
    .apresentacao__conteudo {
        width: auto;
    }

Testa ai... Espero ter ajudado!

Muito obrigada Abimael e Nicolas <3

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software