Lista de últimoas - TimTec

[luisfbs]

Cursos

Lista de cursos

• Tem vários elementos desalinhados, vamos fazer esse juntos;

Página do curso

• Alinhar os elementos que estão desalinhados, tal como mostra a imagem: vídeo, título do primeiro texto de Descrição e Instrutores;

• !Mobile Melhorar o espaçamento entre Instrutores e Instituições, e adicionar quebra de linha no nome dos Instrutores que está encavalando um em cima do outro, como na imagem acima, ademais, mesmo que não tenha foto do instrutor, não pode acontecer isso (veja se a melhor solução é fazer duas colunas ou uma coluna única, bem espaçada.):

Página do professor

• Alinhar os elementos que estão em desalinho: imagem do professor, com o subtítulo de Cursos do professor... e os cursos em si;
• Seria interessante aplicar o mesmo estilo dos cursos na lista, com espaço para títulos maiores (essa parte pode ficar por último, já que a gente precisa acertar esse estilo que está cagadinho);
• Aproximar o nome do professor da foto, tal como está no invision: https://invis.io/ES620M55X
• O subheader está {Sobre o Professor} e não como deveria estar: [Sobre o Professor]
• !Mobile Enquanto que a página de detalhe do curso no mobile está praticamente perfeita, a de professor está com tudo não responsivo, do header à imagem do professor, nome dele, e todo o resto:

Notícias

Home de notícias

• Alinhar os elementos na esquerda de acordo com a régua;
• Está muito grande agora a distância entre os destaques e o Últimas notícias, vamos diminuir, a distância precisa ser uns 80px;
• Tá muito grande o respiro entre as imagens de destaque e o widget. Vamos trabalhar com a proporção 3:2, então a img maior fica: 800x400 e as menores ficam 240x160, assim mantemos o respiro de 20 entre as menores, e entre as menores e maior;

Todas de Notícia

• A cor da borda do widget do Facebook e a caixa de título do widget estão com azuis diferentes a correta é #3b5998
• Vamos fazer o hover em verde, tanto para as página de tags quanto para de single de notícia, eu vi que tem hover hoje só nas páginas de tags, porém o hover está no subtítulo. Vamos usar o mesmo verde, mas o hover deve estar em Notícias:

Single de Notícias

• !Mobile Hoje está bem implementada, exceto a parte final da coluna de relacionas, que não está seguindo a coluna certinha:

Alinhar com o widget

• !Mobile

Não precisa ter um espaçamento tão grande entre título e header:

Paginação de tags

• !Mobile Está tudo encavalado, vamos resolver isso:

[luisfbs]

@bruno e @ElvisBM tá aí