2
respostas

@media

Olá, gostaria de saber como que o Vinicius (professor) sabia que a propriedade min-width do @media iria receber um valor exato de 834px? Como adquiro essa noção de valores?

2 respostas

Olá Gabriel, tudo bem? Muito provavelmente o instrutor Vinicius observou as proporções do layout no figma, então ele não tirou esse valor do nada. Porém com o tempo praticando você consegue ter uma boa noção dessa proporção de valores. Espero que tenha ajudado e bons estudos! :)

Você pode ir na aba do seu navegador aonde seu index está aberto e clicar com o botão direito do seu mouse na página e em seguida procurar pela palavra "inspecionar" (fica quase sempre no final). Irá abrir uma parte com o código base da página e ao lado uma janela mostrando o site, na parte superior está as dimensões que a página se encontra, você pode diminuir essa janela e ver as dimensões exatas em que seu site quebra. Você pode fazer isso com diversos sites da web para visualizar a responsividade dele com diversas dimensões. Espero ter ajudado!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software