2
respostas

Faça como eu fiz: estilize seu HTML

body {
    background-color: black;
    color: white;
    font-size: 14px;
    font-family: sans-serif;
    }

main {
    place-items: center; 
    text-align: justify;
}

.link {
    text-align-last: center;
}

.image {
    width: 50%;
    margin: auto;
    display: block;
}

.footer {
    place-items: center;
}

2 respostas

Olá, Daniely, como vai?

Seu código está bem organizado! Percebi que você usou place-items: center; no main e no .footer, mas essa propriedade só funciona em elementos que utilizam display: grid, por exemplo. Se a ideia era centralizar o texto, o mais adequado seria usar text-align: center ou text-align: justify, dependendo do efeito desejado.

Seu código está no caminho certo, continue explorando e compartilhando seus avanços no fórum!

Siga firme nos seus estudos e conte com o fórum sempre que precisar!

Abraços :)

Oiê! Obrigada pela dica!