1
resposta

Conteudo no meio da pagina

Vocês podem me explicar porque meu conteúdo ficou literalmente no meio da pagina?

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

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Treinamento HTML</title>
    <link rel="stylesheet" href="style.css"> <!--Tag para ligar o arquivo html com o css-->
</head>
<body>
    <header> <!--Cabeçalho-->
    </header>

    <main class="apresentacao"> <!--Conteúdo Principal-->
        <div>
            <section class="apresentacao__conteudo">
                <h1 class="apresentacao__conteudo__titulo">Eleve seu negócio digital a outro nível <strong class="textodestaque"> com um Front-end de qualidade!</strong></h1>
                <p class="apresentacao__conteudo__texto">Olá, sou Rachel Pereira, desenvolvedor de Front-End com especialidade em HTML, CSS e futuramente JavaScript. Estou aprendendo programação para ajudar pequenos negócios e designer a colocarem em prática boas ideias. Vamos conversar?</p>
                    <div class="apresentacao__links">
                        <h2 class="apresentacao__links__subtitulo">Acesse minhas redes:</h2>
                        <a class="apresentacao__link__link" href="https://www.linkedin.com/in/rachel-victória-60a26019b/">Linkedin</a> 
                        <a class="apresentacao__link__link" href="https://github.com/rachel4victoria">GitHub</a>
                    </div>
            </section>
        </div>
        <div>
            <img class="imagem__conteudo" src="imagem1.png" alt="Foto da Rachel Pereira">
        </div>
    </main>

    <footer> <!--Rodapé-->

    </footer>
</body>
</html>
1 resposta

Olá Matheus, tudo bem contigo?

Sobre o problema que você relatou, eu não consegui identificar ele na imagem que você mandou, o que identifiquei foi que a imagem está comente um pouco mais afastada da borda esquerda, nada além disso.

Agora se você está desconfortável com isso, é só mudar a margin do container, agora como estamos falando de estilização da página eu vou precisar que você me mande o seu documento CSS para que eu possa testar ele em conjunto com o HTML e estar vendo qual é o problema.

E se for possível, eu gostaria que você me explicasse o que exatamente você deseja mudar em seu site.

Em suma, era isso.

Aguardo seu retorno e bons estudos!