Design Responsivo - Aula 11 - Footer

👆 Se inscreva no canal:

💎 Cursos completos | HTML, CSS, Flexbox, Javascript, Lógica de Programação, PHP, PHP Orientado a Objetos e Laravel

#nodestudiotreinamentos #programaçãoweb #desenvolvimentoweb

[adeamolecram]

Para quem não sabe é possível digitar o © (c de copyright) que aparece em 1:29, basta segurar a tecla Alt e digitar 00169 no teclado numérico, mas tem que ser o teclado numérico se não não funciona.

[rafasantos]

Os icones foram atualizados, agora a classe é assim _fab fa-facebook_ menos a classe do envelope, ela continua a mesma

[andresouza]

Agradecendo, estou compreendendo tudo e refazendo e reproduzindo ideias a partir destas video aulas. Preciosas, inteligentes, obrgado Rodrigo, Deus o abençoe!

[artzzfps]

Estou amando as aulas, aulas rápidas e fáceis de se entender !!

[JPajauDBA]

Show de bola, ansioso para ver os estilos para as versões tablet e desktop.

[felipemascarenhas]

Meus Parabéns, continue assim, suas aulas são rápidas e objetivas. Sucesso pra ti !

Show, esperando a próxima aula, parabéns, e obrigado por compartilhar seus conhecimentos.

[sora]

Qual o motivo de tirar o margin right do ultimo icone? Qual tipo de problema ele poderia gerar?

[victormorais]

amigo poderia ensinar a criar um slideshow responsivo tbn ?

[tiagoandradewd]

Show, obrigado por compartilhar seus conhecimentos, quando sai a aula 12?

[PauloRicardo-dkyf]

Eu gosto das sua aulas, mas queria aprender a fazer playlist de vídeos. você vai falar sobre isso em algum momento?

[fernandoassis]

Olá node, gostaria de saber porque no meu site não apareceu os icones das redes sociais, não consegui encontrar nenhum erro, e os outros icones "fa fa" funcionaram normalmente, esses não estão aparecendo.

e parabens pelo canal é ótimo ganhou mais alguns inscritos eu e meus amigos.

[cilico]

As pseudo classes não estão funcionando comigo, elas não ficam verde
esta exatamente igual ao seu c'odigo, olha:

.social-icons a {font-size: 1.5em; color: rgba(255, 255, 255, 0.7); margin-right: 3%;}
.social-icons a:hover {color: rgba(255, 255, 255);}

tamb'em n~ao esta funcionando os media types, eles não alteram conforme aumento a window, pode me ajudar? estou ficando maluco ja

[kellyferracine]

Ola Bom dia, estou tentando fazer esse rodape, mas nao quer pegar as cores dos icones, você poderia me dizer onde estou errando??
*ESTRUTURA*
<div class="social-icons">

<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-google"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
<a href="#"><i class="fa fa-envelope"></i></a>
</div>


*MEU CSS*



.social-icons a {font-size: 1.5em; color: rgba(255, 255, 255, 0.7);
margin-right: 3%;}
.social-icons a:last-child {margin-right: 0;}
.social-icons a:hover {color: rgb(255, 255, 255);}

[Pecgbr]

O meu está dando errado e não entendo o porquê. Parte do rodapé aparece no header.
Obs: n upei as imagens

[alanoboni]

oloco o meu gradiente não esta funcionando

[Nilton_Rocha]

Bom curso. Mas tenho uma pergunta: Notei que você ainda não usou nenhum id="" e só class="" no html. É uma opção sua ou no design responsivo é um padrão?