1
resposta

[Dúvida] Não consigo editar uma class

<!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>Portifólio Pietro</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header></header>
    <main class="apresentacao">
        <h1>Eleve seu negócio digital a outro nível <strong class="titulo-destaque">com um Front-end de qualidade!</strong></h1>
        <p>xxxxxxxxx</p>
        <a href="xxxxx">Instagram</a>
        <a href="xxxxxxx">GitHub</a>
        <img src="Pietro.JPG">
    </main>
    <footer></footer>
</body>
</html>
* {
    margin: 0;
    padding: 0;
}

body {
    box-sizing: border-box;
    height: 100vh;
    background-color: black;
    color: #F6F6F6;
}

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


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

As edicoes na parte de ".apresentacao" nao aparecem, só consigo no claas ".titulo-destaque"

1 resposta

olá, Lucas.

Tudo bem?

Então. Eu copiei os seus códigos HTML e CSS aqui, e testei e funcionaou de boa, a unica coisa que adicionei foi a imagem da moça que no caso eu não tenho a sua imagem então utilizei essa só para testar. O display:flex; funcionou, deixando os textos e a imagem um do lado do outro e o align-items: center; também deixando tudo no meio na vertical da imagem. Lembrando que os estilos estão sendo aplicados na classe .apresentacao.

Espero ter ajudado. Qualquer dúvida manda aqui de novo. Valeu.