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

Icone e texto no rodapé não estão alinhados

Os icones com o logo não estão alinhados mesmo utilizando o "align-items: center;" no ".lista_menu_item", como proceder? Obrigado!

Segue link do meu projeto:

https://github.com/NatoFernandes/html-e-css-responsividade-com-mobile-first

Imagem do rodapé:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

3 respostas
solução!

Olá Renato, tudo bem?

Pelo que entendi na imagem os itens que não estão alinhados são referentes ao:

EDUCAÇÃO

ícone - Caelum

ícone - Casa do Código

EDUCAÇÃO ONLINE

ícone - Alura

...

COMUNIDADE

ícone - Hipsters ponto Tech

...

correto?

Se for realmente esses componentes, as classes que estão atribuídas à esses elementos não possuem as propriedades de alinhamento. Que são: ".lista_rodape_titulo" e ".lista_rodape_link".

A classe que você menciona no tópico ".lista_menu_item" é referente ao cabeçalho, que nem é mostrado na imagem.

Se não for o que eu comentei, terias como explicar melhor?

Olá, Wilson!

O problema realmente era esse, eu errei no nome dessa classe ".lista_menu_item" realmente e no index eu também não tinha declarado ela.

Fiz as correções aqui no index e no arquivo CSS e deu certo!

Muito obrigado!

Que bom.

Bons estudos.