Eu segui tudo conforme o vídeo, porém há uma diferença em relação a propriedade width usada tanto na classe .produto quando na header.
Se eu uso 940px não fica do tamanho certo na tela do meu computador e eu uso dois monitores e da diferença tbm. Disponibilizei na imagem dois prints, um com 940px como indicado no vídeo e outro com 1000px, valor q eu chutei pra ver como iria se comportar na tela. Minha dúvida é por que isso aconteceu e como saber o certo qual usar?
!
hoje, com a Alura e o Google Gemini
Olá Jaiane, o que você quer dizer com "não fica do tamanho certo"?
Eu não assisti ao vídeo mas vou tentar ajudar de alguma forma.
.produtos {
width: 940px; //define a largura fixa em 940px
margin: 0 auto; //centraliza o bloco de 940px
}pelo que vi nos seus prints o comportamento está correto, no de 940px está tendo uma quebra porque não cabem os três produtos dentro desta largura.
experimenta colocar uma cor de fundo diferente neste bloco para que você possa visualizar e entender melhor o que está acontecendo.
exemplo:
.produtos {
width: 940px;
margin: 0 auto;
background: red;
}