Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

1
resposta

[Dúvida] (Duvidas) Home e Sobre mim

Insira aqui a descrição dessa imagem para ajudar na acessibilidade Meu home e sobre mim não ficaram alinhados com o texto, o que fazer?

<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>Sobre mim</title>
    <link rel="stylesheet" href="./style/style.css">
</head>
<body>
    <header> 
        <nav class="cabecalho__menu">
        <a class="cabecalho__menu__link" href="Atividade.html">Home</a>
        <a class="cabecalho__menu__link" href="about.html">Sobre mim</a>
    </nav>
    </header>

    <main class="Apresentacao">
        <section class="Apresentacao__conteudo">
            <h1 class="Apresentacao__conteudo__titulo" >Sobre Mim</h1>
            <p class="Apresentacao__conteudo__texto"> Sou Sumaya Valois, confeiteira especializada em bolos de rolo desde 2016. A confeitaria sempre fez parte da minha vida, mas foi no bolo de rolo que encontrei minha verdadeira paixão. Cozinhar para minha família sempre foi uma forma de demonstrar carinho e dedicação, e transformar esse amor em profissão foi a realização de um grande sonho. Ao longo dos anos, busquei aperfeiçoar minhas técnicas, valorizando a qualidade dos ingredientes, o cuidado em cada etapa da produção e o sabor que torna cada receita única.</p>
            <p class="Apresentacao__conteudo__texto">Hoje, tenho o privilégio de levar meus bolos para a mesa de milhares de pessoas, participando de momentos especiais e criando lembranças através de cada fatia. Cada encomenda representa um novo desafio e uma nova oportunidade de superar expectativas, oferecendo produtos feitos com dedicação, excelência e muito amor. É essa paixão pela confeitaria que me motiva diariamente a evoluir, inovar e continuar proporcionando experiências inesquecíveis aos meus clientes.</p>
        </section>
        <img src="./assets/sumaya.jpg" alt="Foto da Logo de Sumaya">
    </main>

    <footer class="rodape">
    <p>Desenvolvido por Aluisio Neto.</p>
</footer>
</body>
</html>
1 resposta

Olá, Aluisio, como vai?

O problema de alinhamento geralmente está relacionado às regras de estilo aplicadas nas classes, então só o HTML não é suficiente pra identificar o que está causando esse comportamento.

Para conseguir te ajudar de forma mais certeira, seria interessante você compartilhar aqui também o conteúdo do seu arquivo style.css, principalmente as partes que tratam do cabecalho__menu e do cabecalho__menu__link, já que é ali que provavelmente estão as propriedades de display, flex ou alinhamento que influenciam a posição desses elementos na tela.

Você consegue colar o trecho do CSS referente a esse cabeçalho para a gente dar uma olhada com mais calma?

Fico à disposição no fórum para o que precisar.

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!