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

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

Prezados, tudo bem?

Estou tentando usar o align-items: center; na classe que criei mas no CSS ele nem muda de cor. Também não consigo salvar a alteração, sendo assim a pagina volta a formatação original. Apenas removendo o align-items que volta ao normal. Uso o VS Code, será que é alguma questão do programa?

5 respostas

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. Você precisa criar apresentação dentro do 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.

Imagem do VS Code contendo a opção Auto Save - Salvamento Automático ativada

Espero que tenha conseguido te ajudar. Até mais.

solução!

Olá Rafael, o seu código:

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

Parece que falta o ponto e vírgula (;) depois da palavra flex, ficaria assim:

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

Olá Guilherme. Está tudo bem aqui, espero q ai também esteja.

Então, eu criei a class na tag main, porém eu esqueci de colocar 1 ponto e virgula lá no css, por isso n estava conseguindo.

Mas agora deu certo. De qualquer forma, muito obrigado pelo apoio. Estou aprendendo a me comunicar nesse forum e suas dicas foram muito uteis. Gratidão!

Exatamente Alessandro, foi esse o erro. Eu demorei identificar mas depois tudo fez sentido haha

Muito obrigado pelo apoio! Deixei sua resposta como solução, vai que mais alguem esta passando pelo mesmo problema. Gratidão!