Fiz diferentes, não usei o flexbox | HTML e CSS: praticando HTML/CSS

Solucionado (ver solução)

Solucionado
(ver solução)

2
respostas

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

10/04/2022

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 Instrutora

11/04/2022

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!