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

Fiz diferentes, não usei o flexbox

Referente ao curso HTML e CSS: praticando HTML/CSS, no capítulo Finalizando nossa página e atividade Faça como eu fiz: estilizando o footer

por Lucas Gentil Menegatti
| 120.9k xp | 11 posts
.lista__item {
    font-size: 32px;
    color: var(--branco-principal);
}

.rodape {
    margin: 10em 0;
    text-align: center;
}

.rodape__logo {
    margin-bottom: 2em;
}

.rodape__lista {
    margin-bottom: 2em;
}

.lista__link {
    display: inline-block;
    padding: 0 0.5em;
}

.lista__link a {
    font-size: 16px;
    color: var(--branco-principal);
    text-decoration: none;
}

.rodape__texto {
    font-size: 14px;
    color: var(--cinza-secundario);
    margin-bottom: 2em;
    padding: 0 10em;
}

O resultado ficou semelhante:Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Gostaria de entender a vantagem, neste caso, de usar o display: flex, obrigado! :)

2 respostas
por Jhonathan Garcia Santana
| 153.6k xp | 1 posts

A vantagem do flexbox é a facilidade de alinhar itens em qualquer lugar da página, especialmente no que diz respeito à responsividade.

solução!
por Mônica Mazzochi Hillman
| 932.5k xp | 1472 posts
Instrutor

Boa, Lucas! Tua postagem é a prova que tem várias maneiras de solucionar o mesmo problema.

O flexbox facilita a questão de alinhamento (align-items) e posicionamento (justify-content) pelos atributos que ele "desbloqueia" pra colocar nos flex-items, mas nessa situação específica do footer acredito que a escolha da abordagem não afeta nada drasticamente, seria somente pra colocar cada item um do lado do outro e fazer um espaçamento entre eles.

Bons estudos!