Neste screencast final da construção do rodapé, trabalhamos no rodapé inferior, onde estão as áreas CodePen e ShopTalk.
Temos que mudar um pouco o HTML quando chegamos à conclusão de que os quatro pedaços ao longo da parte inferior (logotipo, texto, logotipo, texto) fariam sentido como uma série de elementos de bloco embutidos centralizados uns nos outros ( vertical-align: middle;)
Encontramos o problema de haver espaço extra entre os elementos do bloco embutido, então usamos o tamanho da fonte: 0; truque deste artigo.
Conseguimos fazer o layout funcionar no final, mas você realmente não me vê cair nas imagens reais. Como fizemos com o Photostar, crio um novo arquivo no Photoshop apenas para esses logotipos de rodapé. Isso apenas torna mais fácil lidar com as atualizações futuras desses logotipos. Eu também os faço 2x em tamanho e os reduzo para que fiquem bem em telas Retina. Eu os coloco nas tags de imagem de espaço reservado que temos e funciona muito bem.
arquivos
- 74-Footer Logos.psd.zip
