Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Dúvida] como centralizar essa parte?

por Rebeca Teodosio Maciel De Oliveira
| 67.1k xp | 63 posts

Foto de uma pagina com a palavra skills no lado esquerdo da telaComo alinhar a palavra skills?

<div class="skills">
        <h2 class="title__skils"> Skills </h2>
        <div class="container__app__skills">
            <img class="app__imagem__css" src="./Imagens/css.png.jpeg">
            <img class="app__imagem__html" src="./Imagens/html.png.webp">
            <img class="app__imagem__javascript" src="./Imagens/Javascript.png">
            <img class="app__imagem__git" src="./Imagens/git.png">
        </div>
    </div>

.skills {
    background: var(--color-primary);
}

.title__skils {
    align-items: center;
    font-size: 3em;
    color: var(--color-secondary);
}
1 resposta
solução!
por Rafaela Petelin Silvério
| 103.6k xp | 127 posts

Oi, Rebeca! Tudo bem?

Pelo que percebi, você está tentando centralizar o título "Skills" na sua página. No entanto, a propriedade CSS que você está usando, align-items: center;, é uma propriedade do Flexbox e só funcionará se o elemento pai tiver display: flex; ou display: grid;.

Nesse caso, para centralizar o título "Skills" você pode usar a propriedade text-align: center;. Isso fará com que o texto dentro do elemento seja centralizado.

Então, o seu CSS ficaria assim:

.title__skils {
    text-align: center;
    font-size: 3em;
    color: var(--color-secondary);
}

Este código irá centralizar o texto "Skills" dentro do elemento que tem a classe title__skils.

Espero ter ajudado e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!