Fala, pessoal, quando coloquei width: 50%, em vez de ocupar metade da tela, ele reduziu meus input, tive que escrever 220% pra ficar, mais ou menos, igual ao do vídeo. Achei um outro tópico com a mesma dúvida mas não resolveu a minha.
CSS da parte do formulário:
main {
width: 940px;
margin: 0 auto;
}
form {
margin: 40px 0;
display: inline-block;
}
form label {
display: block;
font-size: 20px;
margin: 0 0 10px;
}
form input {
display: block;
margin: 0 0 20px;
padding: 10px 25px;
width: 50%;
}
HTML dos formulários:
<main>
<form>
<label for="nomesobrenome">Nome e sobrenome</label>
<input type="text" id="nomesobrenome">
<label for="email">E-mail</label>
<input type="text" id="email">
<label for="telefone">Telefone</label>
<input type="text" id="telefone">
<input type="submit" value="Enviar formulário">
</form>
</main>
Valeu!