Todos

Mini Projetos

Resolução do Mini Projeto

Tela de login mais bonita do mundo

Login

  • Introdução
  • Fazendo o clone e setup do projeto
  • Instalando o Tailwind CSS
  • Configurando uma fonte customizada
  • Estilizando o background
  • Criando a estrutura do formulário
  • Gradientes no Tailwind CSS
  • Estilizando o formulário - gradiente nos inputs
  • Estilizando o formulário - neon no input
  • Estilizando outros elementos do formulário
  • Adicionando a imagem
  • Responsividade
  • Introdução
  • Fazendo o clone e setup do projeto
  • Instalando o Tailwind CSS
  • Configurando uma fonte customizada
  • Estilizando o background
  • Criando a estrutura do formulário
  • Gradientes no Tailwind CSS
  • Estilizando o formulário - gradiente nos inputs
  • Estilizando o formulário - neon no input
  • Estilizando outros elementos do formulário
  • Adicionando a imagem
  • 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á 5 meses
    Estou com uma duvida...Ao subir o projeto para o Github, a imagem não carrega, como posso corrigir?
    Roberto Cestarihá 5 meses
    Fala Igor, blza? Subir para o github pages? ou o repositório no github?