[Dúvida] Não consigo usar o align-items: center; na class que criei

HTML:

    <h1>Eleve seu negócio digital a outro nível <strong class="title">com um Front-end de qualidade!</strong></h1>
    
    <p>Olá! Sou Joana Santos, desenvolvedora Front-end com especialidade em <strong>React, HTML e CSS</strong>. Ajudo pequenos negócios e designers a colocarem em prática boas ideias. Vamos conversar?</p>

    <a href="https://www.instagram.com">Instagram</a>
    <a href="https://bsky.app/">Bluesky</a>

    <img src="figma.png" alt="moça olhando para o computador feliz">
</main>

CSS:

• { margin: 0; padding: 0; }

body { height: 100vh; box-sizing: border-box; background-color: #FFF8E8;

color: #a58e81;

}

.title { color: red; }

strong { color: #A1D6B2; }

.apresentacao { display: flex align-items: center; /* esse não funciona e não me permite salvar */ }

Olá Rafael. Espero que esteja bem. Sou aluno aqui da plataforma e estou aprofundando meus conhecimentos também. Mas pelos trechos que você compartilhou não foi criada a classe no HTML. Sendo assim, o arquivo .css não irá encontrar nada para alterar. Sugiro que crie a classe no HTML.

Para facilitar, sugiro que copie e cole os códigos diretamente na pergunta, ou se quiser, manda print dos códigos. Assim, o pessoal consegue bater o olho e identificar os possíveis erros.

Normalmente, em editores de códigos tem a opção para salvamento automático dos arquivos. Talvez seja interessante para você. Vou deixar o print aqui do campo no VS Code, que é o mesmo software utilizado nos vídeos.

Espero que tenha conseguido te ajudar. Até mais,