Tela de login com Tailwind CSS

Workshop

12 vídeos • 02:00:39
  1. 1.

    Introdução

    01:32
  2. 2.

    Fazendo o clone e setup do projeto

    05:29
  3. 3.

    Instalando o Tailwind CSS

    07:47
  4. 4.

    Configurando uma fonte customizada

    08:14
  5. 5.

    Estilizando o background

    06:32
  6. 6.

    Criando a estrutura do formulário

    17:26
  7. 7.

    Gradientes no Tailwind CSS

    09:56
  8. 8.

    Estilizando o formulário - gradiente nos inputs

    14:42
  9. 9.

    Estilizando o formulário - neon no input

    12:12
  10. 10.

    Estilizando outros elementos do formulário

    08:28
  11. 11.

    Adicionando a imagem

    18:11
  12. 12.

    Responsividade

    10:10
Login
Workshops>Tela de login com Tailwind CSS>Responsividade

Responsividade

Respondendo a uma pergunta, o Icaro fala um pouco sobre otimização de imagens. Depois faz os últimos ajustes para que a tela de login seja responsiva a vários tamanhos de tela.

Comentários

(2)
Avatar do usuário
Igor Limahá 2 semanas
Estou com uma duvida...Ao subir o projeto para o Github, a imagem não carrega, como posso corrigir?
Roberto Cestarihá 2 semanas
Fala Igor, blza? Subir para o github pages? ou o repositório no github?