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

socorro

olá amigos! tudo bem? vou direto ao ponto... quando eu linkei as duas paginas e enderecei os pontos a pagina principal enlouqueceu, o rodapé foi parar ao lado da foto, eu ja até voltei as aulas e refiz passo a passo e nada da certo, percebo que o alinhamento da primeira pagina inteira mudou e eu não mexi no css... vou ter que recomeçar do zero :-(

8 respostas

Bom dia, Diego!

Você pode compartilhar seu código aqui (ou pelo github ou o pencode) pra o pessoal aqui do fórum conseguir analisar melhor sua situação?

@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:wght@400;600&display=swap'); *{ margin: 0; padding:0; }

body {

box-sizing:border-box;
background-color:#f6f6f6;
color: #000000;
justify-content : space-between;

}

.cabecalho (padding 2% 0% 0% 15%;) { .cabecalho { padding: 2% 0% 0% 15%; } } .cabecalho__menu { display: flex; gap: 80px; } .cabecalho__menu__link { box-sizing:border-box; justify-content : space-between display:flex; text-decoration: none; font-family: 'montserrat',sans-serif; font-size: 24px; font-weight: 600; color:#22D4FD

} .apresentacao { padding:5% 15%; display:flex; align-items :center; justify-content : space-between; } .apresentacao__conteudo { width: 615px; display: flex; flex-direction: column; gap: 40px; box-sizing:border-box; justify-content : space-between

font-size: 24px;
font-family:'montserrat',sans-serif;
font-weight: 600;
color:#22D4FD

} .titulo-destaque{ color: #22D4FD; } .apresentacao { padding:5% 15%; display:flex; align-items :center; justify-content : space-between; }

.apresentacao__conteudo { width: 615px; display: flex; flex-direction: column; gap: 40px; }

.titulo-destaque { color: #22D4FD; } .apresentacao__conteudo__titulo { padding: 30px 0px; font-size:37px; font-family: 'Krona One', sans-serif; }

.apresentacao__conteudo__texto { font-size: 24px; font-family: 'Montserrat',sans-serif; }

}

.apresentacao__links { padding: 40px 5px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 32px;

} .apresentacao__subtitulo { font-family: 'Krona One'; align-items: center; font-style: sans serif; font-weight: 400; font-size: 24px; line-height: 40px }

.apresentacao__links__link { /* background-color: #22D4FD; */ display: flex; justify-content: center; gap: 16px; Width: 378px; text-align: center; border-radius: 8px; border:2px solid #22D4FD; font-size: 24px; font-weight: 600px; Padding: 16px; text-decoration: none; Color:#000000; font-family:'Montserrat',sans-serif ; ; }

.rodapé { color:#f6f6f6; background-color: #000000; font-family: Montserrat; font-size: 24px; font-weight: 400; line-height: 36px; letter-spacing: 0em; text-align: center;}

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Diego, você pode compartilhar o link do seu projeto via github? Assim conseguimos te ajudar melhor

boa tarde Pedro! como eu faço isso? nunca publiquei nada la. aguardo o retorno! obrigado

boa tarde Pedro... acho que consegui! https://github.com/Decastrodiego1/pagina-HTML-CSS/tree/1a6404cf6c88b041ef5ce95665c46c75817405e7

Boa noite Diego, consegui ter acesso ao seu código, verifiquei que o erro pode está ocorrendo porque você está esquecendo de fechar as tags, exemplo da tag da sua imagem estava mais ou menos assim <img class="dimencoes__foto" src="eu.jpg" alt="foto da joana programando" <=== aqui no final deveria ter o fechamento da tag ">" para que o navegador leia da forma correta.

Também foi possível identificar que há tags que você esquece de fechar a tag por completo como exemplo o head você abriu o head assim

porém não fez o fechamento no final dele que deveria ser assim "", você se atentando os fechamentos da taag já irá conseguir fazer o código ficar com o rodapé da farma que você deseja

Dica: estude no seu momento, devagar, não tenha pressa, você só irá aprender realmente com paciência e determinação, esses erros podem ser comum caso tenha pressa ao ver o conteudo e coloca=ló em prática.. no mais, o repósitorio ainda há alguns erros como por exemplo a chamada do css que está com o diretório errado.. porém é algo que voê resolve de forma fácil.. basta endereçar correta.

solução!

Boa Tarde Pedro! tudo bem? gostaria de lhe agradecer! deu 98% certo faltou apenas o alinhamento dos botões de apresentação, isso não deu certo... mas como está parado agora eu consigo voltar a aula dos botões e coloca-los no lugar correto! muito muito obrigado, eu ja estava frustrado com a situação! vou apagar la no github o que vc viu e colocar a nova situação para que vc veja como ficou! seguimos aprendendo com mais calma! seguirei teu conselho! um abraço e segue o link da nova cara! https://github.com/Decastrodiego1/pagina-HTML-CSS/tree/1a6404cf6c88b041ef5ce95665c46c75817405e7?search=1

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