Quem não quer ficar colocando o pt-br toda hora na estrutura padrão do html criado pelo snippet pode configurar uma variável de ambiente indo em Arquivo > Preferências > Configurações, depois pesquisa por "variáveis emmet" e depois clica em adicionar item e cria a variável lang e o valor coloca pt-br. Aí todas as vezes que pressionar o ! + Enter ele já vai criar o código padrão com o parâmetro lang="pt-br"
O que aconteceu em 16:36 foi em razão do Guanabara não ter zerado o marging e padding padrões que já vêm pré configurados no css, para evitar que altere as medidas que a gente determina é sempre importante antes de qualquer projeto definir nas configurações do seu css: * { padding: 0; margin: 0; box-sizing: border-box; } Dessa forma a gente vai garantir que as medidas que a gente for definir vão realmente ter aquelas medidas sem acrescentar medidas extras de padding e margin que já são pré estabelecidas pelas css. Eu zerei essas pré configurações, defini as medidas e fiz o teste pela extensão Window Resizer e pela ferramenta de teste de responsividade do próprio DevTools e ficou 100% responsivo em todos os tamanhos de tela. PS: Ótima aula e explicação, eu consegui fazer o site inteiro mas não consegui tornar ele responsivo, agora to aprendendo bastante sobre responsividade, continuar estudando e praticando, valeu Guanabara!
Muito bom, uma dica pra quem está com dificuldade em memorizar o que estudou, tentem só assistir o video sem fazer nada, depois tentem fazer o que o Guanabara fez sem consultar o video, caso surja uma dúvida é só reassistir o vídeo, espero ajudar no aprendizado de alguem, isso me ajudou muito e agora tá bem mais facil pra mim entender o processo.
@@brigadadoslobos77 a melhor coisa é praticar, a pratica literalmente leva a perfeição. depois que eu terminar esse modulo dois, quero voltar no modulo 1 e fazer um projeto com tudo que o professor ensinou no primeiro modulo, mas vou criar um projeto só pra praticar mesmo, pq quando mais a gente pratica, mais fácil fica de entender o conteúdo.
Melhor escrever tudo o que dá, depois tentar replicar, o que não lembrar volta no caderno e vê. Mais rápido do que ficar assistindo o vídeo várias vezes.
Acho que todos estão certos, cada um desenvolve uma técnica de memorização, eu por exemplo não faço nenhuma anotação, mas vejo os vídeos todos os dia três a quatro vezes por dia quando vou para o trabalho no ônibus e na volta também
Galera, quando o "Ctrl+Espaço" não tiver função dentro "srcset", é só ir até o destino na pasta lá na esquerda do vscode e clicar com direito sobre a imagem "irina-blok-pq.jpg", clicar no "Copy Relative Path", depois colar dentro do SRCSET. 😎😎 Estilo jaiminho - "Tudo pra evitar a fadiga" kkkk
pode se deixar a imagem com responsividade desta forma: img{ min-width: 10%; max-width: 100%; } a imagem vai ficar com o maximo do tamanho que ela tem originamente, e com o minimo adquado para celular. se colocar somente: img{ width: 100%; } a imagem vai espandir mais doque o tamanho que ela é originalmente.
Mano vc matou a charada cara ,coloquei o main min:380px, max:1220px e as imagens do jeito que vc disse 10% e 100% e margem auto, ficaram todas centralizada e flexíveis obrigado. ps:estou fazendo um site paralelo a esse do profê guanabara,
Max-width Ex:max-width:300px; (Tudo que estiver acima de 300px carregara a imagem grande,se diminuir ou chegar a 300 px, carrega a imagem pequena) Min-width Ex:min-width:300px; (Tudo que estiver entre 1px e 299px carregara a imagem pequena,se ultrapassar os 300px carregara a imagem grande.)
Que aula excelente!! Anotando tudo. O melhor é que, quando eu fiquei em duvida em max-width e min-width, voltei nas minhas próprias anotaçoes das aulas anteriores de picture e consegui entender melhor.
Lembrando gente, que assistir o vídeo sem curtir e indicar pros colegas, não é algo viável. Volta lá nos vídeos, curte todos e passa pro teu amigo que ta afim de abandonar o trabalho horrível que ele tem. Vai que ele gosta e descobre que pode ser um bom profissional nesta área?
passando pra deixar uma dica pra quem teve dificuldade com o window resizer, o meu quando abria a janela pop-up ele não aparecia do lado como em 9:43 . Para fazer aparecer eu cliquei na area branca do site (no popup) e aparece a opção de abrir as extensões por ali, funcionou. Antes estava somente abrindo o popup sem as configurações!
Para quem tá com dificuldade na parte do pop-up no minuto 16:09, assim que você clicar no ícone de abrir o pop-up e caso abra apenas uma nova aba do site, clique no site com o botão direito do mouse que vai aparecer a opção "Show the resizer window" que irá aparecer o pop-up ao lado logo em seguida
📝 REVISÃO: *Extensão Chrome recomendada:* Window Resizer *Largura Responsiva:* min-width: 320px; (tela de cel mais antigos) max-width: 800px; margin: auto; *Para imagens:* img { width: 100% } - Envelopar a junto com ' source:media ' dentro da tag , para imagem dinâmica (que altera de acordo com a largura da tela). *Ex:*
Cada aula do Guanabara é muito enriquecedora em conhecimento. Eu que não sabia absolutamente nada de programação estou aprendendo tanta coisa que jamais imaginei ser capaz de faze-lo. Muito Obrigado a toda equipe do curso em video.
Para quem está com dificuldades na parte da troca da imagem, preste atenção na tag em que você envelopou a , como eu sou burro, envelopei com a tag ao invés de . Bons estudos
Pessoal, existe uma extensão no vscode que faz com que você consiga abrir automaticamente seu navegador e atualiza, a partir, do que salvar no vscode... O nome é Live Server, bons estudos!
14:47 Não funcionava até eu achar uma solução, basta ir na parte de extensões e instalar uma extensão chamado "Path Autocomplete". Depois irá funcionar normalmente com o "CTRL+ESPAÇO".
Então, temos um problema aqui. Usando exatamente as medidas que vc citou (min-width: 320px e max-width: 800px) no main, quando abro o devtools, ele fica com barra de rolagem horizontal se eu setar o viewport pra 320, o que em tese não deveria acontecer. Eu resolvi o problema da rolagem descendo o min-width do main pra exatos 260px, o que nos deixa com 60px de diferença pro seu código, e não faço ideia de onde vêm esses 60px. Ainda, tive que usar o Mozilla, pq no Chrome a janela não diminui abaixo de 500px (procurei até no stack overflow sobre isso), e a extensão indicada da erro quando tento selecionar o viewport de 320.
pra galera que tiver essa dificuldade com a extensão, tem que usar a opção "Open as a popup", quando fizer isso vai abrir uma "copia" da sua janela, essa copia pode ser redimensionada até um valor menor que os 500px dos chromium.
Rodei a internet toda atrás dessa responsividade e fui até no chat GPT perguntar como que fazia e o meu site nada de ficar responsivo. E agora assistindo a aula descobri que é algo simples utilizando max-width e min-width. kkkkk
Preferi utilizar o width 100% do quer usar duas imagens, achei assim mais interessante código: main{ background-color: #ffffff; /* 20px */ padding: 1.25em;
/* 688px */ max-width: 43em; /* 300px */ min-height: 18em; /* sempre deixar o conteudo no centro independete do tamanho da tela */ margin: auto; } img{ /* imagem se adequa ao tamanho da tela */ width: 100%; } img#bugdroid{ width: 50%; /* tranformando o img em bloco */ display: block; /* alinhando o bloco */ margin: auto;
Salve Mestre Gustavo Guanabara, Aqui um dos Gafanhotos mais antigos, gostaria de fazer um pedido. Poderia fazer um Curso de Adobe Premiere? Muito Obrigado!
Uma curiosidade, essa tag viewport vem de computação gráfica, sendo usada para definir a área útil de renderização, nos seguintes formatos, `glViewport` pra OpenGL, em D3D11 vc tem o `D3D11_VIEWPORT`, em D3D12 vc tem o `D3D12_VIEWPORT`, já em Vulkan vc tem o `VkViewport`, se alguém tiver interesse, é uma área bem diferente de computação, mas muito legal, posso garantir uma coisa, em algum ponto do renderizador do Dark Souls 3 tem o `D3D11_VIEWPORT`.
O espaçamento entre elementos na tela (ex. título e texto; texto e imagem; imagem e botão) devem ser fixos? ou eles reduzem proporcionalmente quando tamanho vertical da tela diminui?
Pra quem ta com dificuldade quando aumenta ou diminui a tela, basta tirar o WIDTH: 800PX e deixar apenas os WIDITH MAX E MIN, ACREDITO QUE CAUSE CONFLITO ENTRE OS 3 CODIGOS.
Eu não consegui fazer o chrome, nem o edge diminuir o navegador pra menos que 500px (nem com a extensão que ele indica). Só usando o devtools pra simulação de dispositivo móvel mesmo, mas aí vc não vê a partir de quando apareceria a barra de rolagem já que não tem barra de rolagem no simulador.
Caraca, eu dei uma desmotivada esses dias, fiz o header tudo bonitin, fonte e paleta legal, qnd coloquei as img corpo do site ficou uma bosta, fiquei 3 dias sem nem entrar no editor kkklkk
eu odeio quando entro em um site e a versão móvel não tem as mesmas coisas da versão desktop, e quase sempre que eu uso uns sites de serviços e não acho algo importante, eu sou obrigado a ativar o modo desktop naquele zoom out gigantesco pra acessar um maldito de um botão que só aparece num "pc"
Como que faz os conteúdos responderem instantaneamente conforme se aumenta e diminui a janela, no meu caso os conteúdo ficam estático qdo diminuo a janela e só respondem de forma brusca qdo solto o botão do mouse, isso seria uma vantagem de um computador melhor como macbook ? Ou é possível em qualquer máquina ?
![HTML e CSS - Aprenda a criar 5 layouts de sites mais comuns na Internet [FLEXBOX]](http://i.ytimg.com/vi/sSkmBxsaJWg/mqdefault.jpg)
Quem não quer ficar colocando o pt-br toda hora na estrutura padrão do html criado pelo snippet pode configurar uma variável de ambiente indo em Arquivo > Preferências > Configurações, depois pesquisa por "variáveis emmet" e depois clica em adicionar item e cria a variável lang e o valor coloca pt-br. Aí todas as vezes que pressionar o ! + Enter ele já vai criar o código padrão com o parâmetro lang="pt-br"
Obrigado pela dica
herói de mais
Thank you!
Nem todo herói usa capa 🗿🍷
Vlw, ajudou demais
O que aconteceu em 16:36 foi em razão do Guanabara não ter zerado o marging e padding padrões que já vêm pré configurados no css, para evitar que altere as medidas
que a gente determina é sempre importante antes de qualquer projeto definir nas configurações do seu css:
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
Dessa forma a gente vai garantir que as medidas que a gente for definir vão realmente ter aquelas medidas sem acrescentar medidas extras de padding e margin que já são
pré estabelecidas pelas css. Eu zerei essas pré configurações, defini as medidas e fiz o teste pela extensão Window Resizer e pela ferramenta de teste de responsividade
do próprio DevTools e ficou 100% responsivo em todos os tamanhos de tela.
PS: Ótima aula e explicação, eu consegui fazer o site inteiro mas não consegui tornar ele responsivo, agora to aprendendo bastante sobre responsividade, continuar estudando e praticando, valeu Guanabara!
Muito bom, uma dica pra quem está com dificuldade em memorizar o que estudou, tentem só assistir o video sem fazer nada, depois tentem fazer o que o Guanabara fez sem consultar o video, caso surja uma dúvida é só reassistir o vídeo, espero ajudar no aprendizado de alguem, isso me ajudou muito e agora tá bem mais facil pra mim entender o processo.
Assim é o Ideal msm
Eu gosto de assistir e ir fazendo, depois assistir denovo e fazer anotações...
@@brigadadoslobos77 a melhor coisa é praticar, a pratica literalmente leva a perfeição. depois que eu terminar esse modulo dois, quero voltar no modulo 1 e fazer um projeto com tudo que o professor ensinou no primeiro modulo, mas vou criar um projeto só pra praticar mesmo, pq quando mais a gente pratica, mais fácil fica de entender o conteúdo.
Melhor escrever tudo o que dá, depois tentar replicar, o que não lembrar volta no caderno e vê. Mais rápido do que ficar assistindo o vídeo várias vezes.
Acho que todos estão certos, cada um desenvolve uma técnica de memorização, eu por exemplo não faço nenhuma anotação, mas vejo os vídeos todos os dia três a quatro vezes por dia quando vou para o trabalho no ônibus e na volta também
Galera, quando o "Ctrl+Espaço" não tiver função dentro "srcset", é só ir até o destino na pasta lá na esquerda do vscode e clicar com direito sobre a imagem "irina-blok-pq.jpg", clicar no "Copy Relative Path", depois colar dentro do SRCSET. 😎😎 Estilo jaiminho - "Tudo pra evitar a fadiga" kkkk
Me salvou maninho, digitando a mão não tava funcionando mesmo digitando tudo certo, vai entender... !+...............
vc é um amigo
obrigado amigo você é um amigo
me salvou, valeu
Uso o Windows a anos e ia morrer sem saber dessa onda de "sacudir" hahaha Vivendo e aprendendo, didática incrível!
2 kkkkk
EU aí
Cara, eu estou amando esse curso! Um conteúdo valioso que deve ser valorizado, obrigado Gustavo Guanabara!
Faz u tempo q n visitava o canal.
Realmente n esperava ver o Guanabara de cabelo azul
pode se deixar a imagem com responsividade desta forma:
img{
min-width: 10%;
max-width: 100%;
}
a imagem vai ficar com o maximo do tamanho que ela tem originamente, e com o minimo adquado para celular.
se colocar somente:
img{
width: 100%;
}
a imagem vai espandir mais doque o tamanho que ela é originalmente.
mito.
Mano vc matou a charada cara ,coloquei o main min:380px, max:1220px e as imagens do jeito que vc disse 10% e 100% e margem auto, ficaram todas centralizada e flexíveis obrigado. ps:estou fazendo um site paralelo a esse do profê guanabara,
@@na_panfletos_e_cartoes fiz alguns tb paralelos. que bom que ajudei man TMJ
só com o 100% minha imagem ficou minuscula, valeeeu
@@dreyzico0999 vlw irmão!!! eu ja tava xingando o papai Smarf pq tava ok as imagens e do nada tava gigante. ajudou mto!!!
Max-width
Ex:max-width:300px;
(Tudo que estiver acima de 300px carregara a imagem grande,se diminuir ou chegar a 300 px, carrega a imagem pequena)
Min-width
Ex:min-width:300px;
(Tudo que estiver entre 1px e 299px carregara a imagem pequena,se ultrapassar os 300px carregara a imagem grande.)
MUITO OBRIGADO
Que aula excelente!! Anotando tudo. O melhor é que, quando eu fiquei em duvida em max-width e min-width, voltei nas minhas próprias anotaçoes das aulas anteriores de picture e consegui entender melhor.
Lembrando gente, que assistir o vídeo sem curtir e indicar pros colegas, não é algo viável.
Volta lá nos vídeos, curte todos e passa pro teu amigo que ta afim de abandonar o trabalho horrível que ele tem.
Vai que ele gosta e descobre que pode ser um bom profissional nesta área?
16:21 Isso pra mim foi sensacional KKKKKK
Pra mim tbm kkkk, tentei fazer no linux tbm, mas não deu certo
kkkkkkk eu ameei
Impossível não amar o Guanabara! O cara faz um serviço social fantástico! Vi muito dele na Fundação Bradesco. O cara é 10+
passando pra deixar uma dica pra quem teve dificuldade com o window resizer, o meu quando abria a janela pop-up ele não aparecia do lado como em 9:43 . Para fazer aparecer eu cliquei na area branca do site (no popup) e aparece a opção de abrir as extensões por ali, funcionou. Antes estava somente abrindo o popup sem as configurações!
Para quem tá com dificuldade na parte do pop-up no minuto 16:09, assim que você clicar no ícone de abrir o pop-up e caso abra apenas uma nova aba do site, clique no site com o botão direito do mouse que vai aparecer a opção "Show the resizer window" que irá aparecer o pop-up ao lado logo em seguida
De tudo que aprendi até agora essa de sacudir a janela foi a melhor coisa possível.
Eu estou amando aprender HTML E CSS dessa forma.
Conteúdo e didática incrível!!
📝 REVISÃO:
*Extensão Chrome recomendada:* Window Resizer
*Largura Responsiva:*
min-width: 320px; (tela de cel mais antigos)
max-width: 800px;
margin: auto;
*Para imagens:*
img {
width: 100%
}
- Envelopar a junto com ' source:media ' dentro da tag , para imagem dinâmica (que altera de acordo com a largura da tela).
*Ex:*
Não consegui pega a Extensão
Excelentes cursos Guanabara, parabéns! A sua didática é muito boa.
Todos os cursos que faço no Curso em Vídeo nunca me desapontam. 👏🏽
Excelente ... sem igual e já estou na plataforma! Didática simples , exercícios e pdf de nível superior!!!! Guanabara é Ninja do Code!
Cada aula do Guanabara é muito enriquecedora em conhecimento. Eu que não sabia absolutamente nada de programação estou aprendendo tanta coisa que jamais imaginei ser capaz de faze-lo. Muito Obrigado a toda equipe do curso em video.
O melhor professor de todos!
Uhullll!!!! Eu estava esperando muuuuito por esse vídeo, eu tava com um site mais ou menos feio kkk, mas acho que agora ele vai ficar lindão B)
Muito bom mestre, não entendia nada de responsividade e graças a essa aula consegui entender e vou assistir ela de novo!
Maravilha Guanabara, estava esperando ancioso pra aula de responsividade, seguindo em frente...
Que isso !? Conteúdo muito top 👏👏👏👏👏👏👏👏👏👏👏👏👏 muito mesmo, me ajudou muito
Para quem está com dificuldades na parte da troca da imagem, preste atenção na tag em que você envelopou a , como eu sou burro, envelopei com a tag ao invés de . Bons estudos
Pessoal, existe uma extensão no vscode que faz com que você consiga abrir automaticamente seu navegador e atualiza, a partir, do que salvar no vscode...
O nome é Live Server, bons estudos!
Que curso meus amigos!
Ele ensina até coisas do windows! Ahahahhaa.. Não existe professor mais gracioso que esse!
Obrigada Deus vos enviar-nos este ser!!
Obrigado pela aula
Para quem ta com o problema da imagem ficar pequena, eu tirei o img do css (eu comentei o código) e funcionou
Aulassa como sempre... Acho que já estamos quase acabando o módulo 2 ao considerar a ementa.
Conteúdo muito valioso!!!
14:47 Não funcionava até eu achar uma solução, basta ir na parte de extensões e instalar uma extensão chamado "Path Autocomplete".
Depois irá funcionar normalmente com o "CTRL+ESPAÇO".
Perfeito meu nobre, isso ai !!!
meu herói
Parabéns !! que cabelo doido rsssss!!!!!
Caraca, valeu demais. Top demais me ajudou muitoo!!!
Obrigado professor!
Show!!
noooosa, esperei tanto por essa aula!!!
amei tudo aqui desde a intro ate o conteudo
muito bom =)
Quero ver com flexbox agora
Só tenho 1 coisa a dizer
Gustavo Guanabara é foda!
Muito bom o conteudo!
Ótima aula, valeu professor!
Professor incrível!
Excelente aula, professor
guanabara tu é top cara
Então, temos um problema aqui. Usando exatamente as medidas que vc citou (min-width: 320px e max-width: 800px) no main, quando abro o devtools, ele fica com barra de rolagem horizontal se eu setar o viewport pra 320, o que em tese não deveria acontecer. Eu resolvi o problema da rolagem descendo o min-width do main pra exatos 260px, o que nos deixa com 60px de diferença pro seu código, e não faço ideia de onde vêm esses 60px.
Ainda, tive que usar o Mozilla, pq no Chrome a janela não diminui abaixo de 500px (procurei até no stack overflow sobre isso), e a extensão indicada da erro quando tento selecionar o viewport de 320.
pra galera que tiver essa dificuldade com a extensão, tem que usar a opção "Open as a popup", quando fizer isso vai abrir uma "copia" da sua janela, essa copia pode ser redimensionada até um valor menor que os 500px dos chromium.
Que sdds🥺❤️
Obrigado, seu lindo.
dá pra fazer no devtools as mesmas coisas que o guanabara fez com aquela extensão
Achei que não ia ter kkkkkk melhor professor 🖖🤓
prof
faz um curso de cssgrid e flexbox
outro de animacoes usando css e js...
abracos de mocambique.........
@CursoemVideo
eu usava uns código muito grande pra fazer o site ficar responsivo. mds que simples
Rodei a internet toda atrás dessa responsividade e fui até no chat GPT perguntar como que fazia e o meu site nada de ficar responsivo.
E agora assistindo a aula descobri que é algo simples utilizando max-width e min-width. kkkkk
ótima aula!
Top!!
Ebaaaa❤️
Valeu professor 🖖
A parada da sacudida é top kkkk
Muito bom!
Foda demais!!!
Preferi utilizar o width 100% do quer usar duas imagens, achei assim mais interessante
código:
main{
background-color: #ffffff;
/* 20px */
padding: 1.25em;
/* 688px */
max-width: 43em;
/* 300px */
min-height: 18em;
/* sempre deixar o conteudo no centro independete do tamanho da tela */
margin: auto;
}
img{
/* imagem se adequa ao tamanho da tela */
width: 100%;
}
img#bugdroid{
width: 50%;
/* tranformando o img em bloco */
display: block;
/* alinhando o bloco */
margin: auto;
}
Mt bom!!!
Olá professor!
Muito obrigado!!!!
MUITO BOM
Se alguém tiver tendo problema com a imagem pequena da irina não aparecer ao diminuir a tela, eu consegui fazendo assim:
Muito obrigado
16:20 eu fiquei tipo " NeM fUdEnDo ", eu não sabia dessa kakaakaakak
show o video, mais fiquei com uma duvida, não usa media query ?
Salve Mestre Gustavo Guanabara, Aqui um dos Gafanhotos mais antigos, gostaria de fazer um pedido. Poderia fazer um Curso de Adobe Premiere? Muito Obrigado!
Tem lá no Estudonauta, se não me engano
por algum motivo tive que renomear a foto irina pq para irina e funcionou
Uma curiosidade, essa tag viewport vem de computação gráfica, sendo usada para definir a área útil de renderização, nos seguintes formatos, `glViewport` pra OpenGL, em D3D11 vc tem o `D3D11_VIEWPORT`, em D3D12 vc tem o `D3D12_VIEWPORT`, já em Vulkan vc tem o `VkViewport`, se alguém tiver interesse, é uma área bem diferente de computação, mas muito legal, posso garantir uma coisa, em algum ponto do renderizador do Dark Souls 3 tem o `D3D11_VIEWPORT`.
Zerei Sonic Generations hoje, em homenagem a ti! Gotta code fast!
Que curso é esse, hein? Absurdo. Mais uma megaaula de Tio Guanabara.
O espaçamento entre elementos na tela (ex. título e texto; texto e imagem; imagem e botão) devem ser fixos? ou eles reduzem proporcionalmente quando tamanho vertical da tela diminui?
Salve, professor
Hmm
Pra quem ta com dificuldade quando aumenta ou diminui a tela, basta tirar o WIDTH: 800PX e deixar apenas os WIDITH MAX E MIN, ACREDITO QUE CAUSE CONFLITO ENTRE OS 3 CODIGOS.
Cara, obrigado, salvou demais aqui
Eu queria saber se esse curso vai ter Javascript também
no própiro dev tools tem assa função de screen resize
top. :)
Aeee finalmente lkkkk
que cabelo bonito
Opa cheguei no dia!
estou faz dois anos sacudindo minha janela para minimizar as outras
Eu não consegui fazer o chrome, nem o edge diminuir o navegador pra menos que 500px (nem com a extensão que ele indica). Só usando o devtools pra simulação de dispositivo móvel mesmo, mas aí vc não vê a partir de quando apareceria a barra de rolagem já que não tem barra de rolagem no simulador.
Eu estou com o mesmo problema, até tentei pedir ajuda, mas não resolveu
❤️
Segundo a comenta 😅😅
Caraca, eu dei uma desmotivada esses dias, fiz o header tudo bonitin, fonte e paleta legal, qnd coloquei as img corpo do site ficou uma bosta, fiquei 3 dias sem nem entrar no editor kkklkk
Eu estou com uma dúvida em relação ao min-width. Se o texto já quebrava conforme ia diminuindo a tela, para que colocar o min-width?
to vendo que essa galera falando "ah o meu não deu certo mais fiz assim e funcionou" vai reclamar la na frente q o site não ta igual ! kkk
cara, programação realmente não é para preguisosos kkkkk, é bug pra um lado, falta de responsividade pro outro, gerar imagens diferentes kkkk
prof vamos estudar sobre IA
eu odeio quando entro em um site e a versão móvel não tem as mesmas coisas da versão desktop, e quase sempre que eu uso uns sites de serviços e não acho algo importante, eu sou obrigado a ativar o modo desktop naquele zoom out gigantesco pra acessar um maldito de um botão que só aparece num "pc"
16:14 oxi, meu windows n faz isso n kkkkk
e a tag @media?
Como que faz os conteúdos responderem instantaneamente conforme se aumenta e diminui a janela, no meu caso os conteúdo ficam estático qdo diminuo a janela e só respondem de forma brusca qdo solto o botão do mouse, isso seria uma vantagem de um computador melhor como macbook ? Ou é possível em qualquer máquina ?