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

Meu Flexbox não alinha (SOLUCIONADO)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Happy CJ</title>
    <link rel="stylesheet" href="style.css"
</head>
<body>
    <header></header>
    <main class="presentation"></main>
        <h1>Eleve seu CJ digital a outro nível <strong class = "tituloDestaque" >com um GTA Sanders de qualidade!</strong></h1>
        <p>Olá! Sou Carl Johson, bandidao Front-end com especialidade em React, HTML e CSS. Ajudo pequenos negócios e designers a colocarem em prática boas ideias. Vamos conversar?</p>
        <a href = "https://instagram.com/">Instagram</a>
        <a href = "https://github.com/">GitHub</a>
        <img src = "imgCjHappy.jpeg" alt = "Cj is so happy">
     <footer></footer>
</body>
</html>
*{
    margin: 0;
    padding: 0;
}
body{
    height: 100vh;
    box-sizing: border-box;
    background-color: #000000;
    color: #F6F6F6;
}

.titulo-destaque{
    color: #22D4FD;
}

.presentation{
    display: flex;
    align-items: center;
}

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

eu já apaguei e reescrevi o código mas não consigo encontrar o erro! help me pls!

3 respostas

O erro era na posição da tag

solução!

Olá, tudo bem?

A sua tag

está fechada sem conteúdo dentro. Acredito que seja isso que está causando o erro.

Deveria ficar assim para funcionar o css dentro dela:

<main class="presentation">
        <h1>Eleve seu CJ digital a outro nível <strong class = "titulo-destaque" >com um GTA Sanders de qualidade!</strong></h1>
        <p>Olá! Sou Carl Johson, bandidao Front-end com especialidade em React, HTML e CSS. Ajudo pequenos negócios e designers a colocarem em prática boas ideias. Vamos conversar?</p>
        <a href = "https://instagram.com/">Instagram</a>
        <a href = "https://github.com/">GitHub</a>
        <img src = "imgCjHappy.jpeg" alt = "Cj is so happy">
</main>

Além disso, na sua tag , você definiu o nome da classe como "tituloDestaque", enquanto que no seu arquivo CSS este nome está como "titulo-destaque". Acabei corrigindo para você aqui no recorte de código que mandei, senão o CSS não iria pegar nessa tag.

Espero ter ajudado! Bons estudos!

Acho que o chat cortou o texto, mas me referi às tags main e strong, respectivamente.