Layout da minha tela não ficou igual ao da aula

Segue o código css

header {
    background: #BBBBBB;
    padding: 20px 0;
}

.caixa {
    position: relative;
    width: 940px;
    margin: 0 auto;
}

nav {
    position: absolute;
    top: 110px;
    right: 0;
}

nav li {
    display: inline;
    margin: 0 0 0 15px;
}

nav a {
    text-transform: uppercase;
    color: #000000;
    font-weight: bold;
    font-size: 22px;
    text-decoration: none;
}

nav a:hover {
    color: gold;
    text-decoration: underline;
}

.produtos {
    width: 940px;
    margin: auto auto;
    padding: 50px 0;
}

.produtos li {
    display: inline-block;
    text-align: center;
    width: 30%;
    vertical-align: top;
    margin: 0 1.5%;
    padding: 30px 20px;
    box-sizing: border-box;
    border: 2px solid #000000;
    border-radius: 10px;
}

.produtos li:hover {
    border-color: gold;
}

.produtos li:hover h2 {
    font-size: 34px;
}

.produtos li:active {
    border-color: green;
}

.produtos h2 {
    font-size: 30px;
    font-weight: bold;
}

.produto-descricao {
    font-size: 18px;
}

.produto-preco {
    font-size: 22px;
    font-weight: bold;
    margin-top: 10px;
}

main {
    width: 940px;
    margin: 0 auto;
}

form {
    margin: 40px 0;
}

form label {
    display: block;
    font-size: 20px;
    margin: 0 0 10px;
}

form label, form p {
    display: block;
    font-size: 20px;
    margin: 0 0 10px;
}

form input {
    display: block;
    margin: 0 0 20px;
    padding: 10px 25px;
    width: 50%;
}

.input-padrao {
    display: block;
    margin: 0 0 20px;
    padding: 10px 25px;
    width: 50%;
}

.checkbox {
    margin: 20px 0;
}

footer {
    text-align: center;
    background: url("../barbearia_alura/bg.jpg");
    padding: 40px 0;
}

.copyright {
    color: white;
    font-size: 13px;
    margin: 20px 0 0;
}

Estou tentando adicionar o print da tela mas não consegui , tem alguma forma de enviar o arquivo png para visualização ?

Oi, Maurício, tudo bem?

Retire esse trecho de estilo no css:

form input {
    display: block;
    margin: 0 0 20px;
    padding: 10px 25px;
    width: 50%;
}

Assim, os inputs ficarão iguais a da aula.

Sobre como anexar fotos, você pode adicionar pelo https://imgur.com/ e colar o link da imagem aqui :}

Testa e me fala se deu certo!

Bom dia

Fiz a alteração conforme orientado mas mesmo assim a exibição não ficou a mesma da aula mostrada pelo professor.

Segue o link do print da tela do navegador : https://imgur.com/IbVOEnU

Outra coisa que não entendi é que em nenhum momento da aula vi o professor retirando essa parte do código que você me orientou a retirar, por que no meu caso tive que ocultar essa parte do código ?

Algum retorno ?

Oi, Mauricio, tudo bem?

Analisando o seu html, a classe input-padrao está dentro da tag label e não dentro dos input, devendo ficar assim:

<label for="nomesobrenome">Nome e sobrenome</label>
                <input type="text" id="nomesobrenome" class="input-padrao">

                <label for="email">Email</label>
                <input type="text" id="email" class="input-padrao">

                <label for="telefone">Telefone</label>
                <input type="text" id="telefone" class="input-padrao">

                <label for="mensagem">Mensagem</label>
                <textarea cols="70" rows="10" id="mensagem" class="input-padrao"></textarea>

Nos estilos, houve uma repetição para os elementos form label, sendo o correto, deixar somente:

form label, form p {
    display:block;
    font-size: 20px;
    margin: 0 0 10px;
}

Testando com as alterações, o layout ficará correto.

Obrigado pelo retorno realmente me equivoquei na inserção da classe na (LABEL) quando o correto seria no (input) .