17 - Criando o card no React e deixando responsivo - Next e React - Styled Components

Nesse vídeo vou continuar o input, criar um card, alterar o tipo dos botões e deixando o card do form responsivo.

00:00 - Introdução
00:23 - Criando o onChange do input
01:21 - Adicionando o onChange no input name
02:26 - Passando o valor digitado no name para variável unity
03:05 - Outro modo de fazer alteração de uma variável na tela
04:27 - Criando card
05:13 - Criando o estilo do card
05:52 - Explicando como funciona efeito box-shadow (sombra)
07:30 - Centralizando o card
08:00 - Alterando o cabeçalho do card
08:22 - Como fazer negrito no texto
09:20 - Criando o botão rest (Limpar) do form
10:34 - Localizando o componente botão em toda aplicação
11:07 - Tipando os botões no formulário
11:51 - Criando onClick do botão
12:27 - Criando o estilo row(linha) e deixando responsivo
13:40 - Alterando o tamanho do card
15:03 - Testando a responsividade da tela

#prisma #nestjs #reactjs #nextjs #reactnative #angular #flutter