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>Instalando o Tailwind CSS

Instalando o Tailwind CSS

Agora vamos instalar o Tailwind CSS sem nenhum framework no projeto.

Comentários

(5)
Avatar do usuário
Elliedevzonehá 1 mês
me ferrei logo na instalação
Carolzita Devhá 1 mês
Fala @Ellie, qual erro que deu ? :)
Avatar do usuário
Elliedevzonehá 1 mês

No linha:1 caractere:16

  • (main*) >> npm install -D tailwindcss
  • ~~~ Token 'install' inesperado na expressão ou instrução.
    • CategoryInfo : ParserError: (:) [], ParentContainsErrorRecordException
    • FullyQualifiedErrorId : UnexpectedToken

que diabo é isso?

Carolzita Devhá 1 mês
Nessa parte, está pedindo para instalar através do npm. Seu computador é windows ? Entra aqui na comunidade que consigo te ajudar melhor, aí você me manda uma foto do erro completo e tento te ajudar a instalar! https://discord.gg/tu2WAuse
Avatar do usuário
Igor Limahá 1 mês
O meu aqui não deu certo, mesmo instalando o Tailwind, provavelmente ficou alguma coisa pra trás, vou analisar com calma. Mas estou gostando bastante da didática das aulas.