Como utilizar Media Queries para sites Responsivos

[@leonardohumbert3223]

Caralho, que aula sensacional, vai direto ao ponto, sem enrolação e sem deixar o aluno perdido, assisti somente esse video e parecia que tava no curso desde começo. PARABÉNS

[@ranieremarinho3950]

Inscrevi-me no canal. Sem enrolação, passou o assunto em 6 minutos, enquanto outros passam em 25 minutos falando até da marca do mouse e do quadro pendurado na parede. Isso se chama honestidade, respeito e qualidade! Parabéns!

[@graficavisual2932]

no mundo todo essa é a melhor aula de media query!! no momento origamid é o melhor

[@vicyoslinuxofficial2607]

É impossível uma pessoa falar que não entendeu esse vídeo. A forma que ele apresentou o assunto já foi matando todas as nossas dúvidas.

[@Isaac-B-g1v]

Fantástico 👏🏾 adorei, sem enrrolação, foi direito ao ponto esclareceu as minhas dúvidas em apenas um minutinhos 👏🏾

[@rafaelpinheiro6196]

Isso vai me ajudar muito, estou tendo muita dor de cabeça pra deixar meus sites responsivos.

[@carlostimoteoarruda4337]

Ótima aula. Não é como outros youtubers que complica e faze de uma forma que nos trona dependentes deles

[@mbs2488]

Excelente ! Muito bem explicado ! ! Parabéns pelos vídeos ! ! !

[@navegador2]

Excelente! Bem prático e objetivo. Estas media queiries confundem só porque geralmente é o contrário: min-significa maior que; max - significa menor que. Isto no início é meio confuso.

[@servomac.1824]

E mesmo rsrs mas eu to fixando assim min-with = a partir de, max-width = abaixo de

[@jadsongomesdasilva907]

Confunde mesmo. Mas eu faço a seguinte analogia: por exemplo, se dissermos "eu bebo no máximo 2 litros e água por dia", isso não quer dizer que eu bebo de 0 ml a 2000 ml? Então, é a mesma coisa com as medias queries. Max-width quer dizer que a regra css será aplicada a valores até aquele valor, ou seja, menores que ele.

[@laedsonmarques8037]

Que vídeo, que explicação, só não prende quem não quer rsrrs, parabéns!

[@BrunoPereira-zx1fz]

Irmão....pqp....tu conseguiu esclarecer o uso tão rápido e bem explicado, que eu não preciso de mais, o resto eu me viro. Parabéns! explicou a lógica da ferramenta, que é o mais importante. Muito bom vídeo ein. 5 anos atrás fui ver na descrição...poooo transcendeu legal

[@melissaalvez6297]

Ótima explicação. Eu estava querendo muito saber como deixar tudo bem responsivo, mas na maioria dos vídeos do KZbin (que eu vi), eles até explicavam, mas de uma forma diferente mudando as cores uaua4uh4u. Valeu!

[@rodrigomangianelli2771]

Parabéns, simples e direto

[@fabriciomonteiro6523]

Vídeo aula antiga, mais umas das melhores é do seu canal.... parabéns, direto ao ponto sem enrolação.

[@abelardoandradeoficial]

Me ensinou em 6 minutos o que eu não consegui entender em 6 meses de estudo! Show

[@madness3692]

voce explica muito bem mano, ja vi uns videos seus, é otimo pra tirar duvidas quando voce precisa, voce vai direto na pratica, e explica com detalhes, num tempo pequeno, com otimo entendimento

[@JuniorOliveira-nu2oz]

Cara, quem dá deslike numa aula dessa?! Super show, direto ao ponto obg!

[@mikaelamenezes9113]

Excelente explicação, obrigada!

[@allancassio6674]

Nossa. A mente chega espludiu com essa didática. Show. Entendi direitinho.

[@limaceaae]

Excelente, direto ao ponto!

[@moisesantonio4335]

nossa vlw de coração melhorou muito os meus projetos usando essa tag

[@user-wc2bw9iw3h]

unico video sobre isso que eu vi e ralmemte entendi, vou ir agora mesmo aplicar e deixar meu like

[@phdanielherique]

Aula magnifica, obrigado pelo conhecimento gratuito que dividi com a comunidade.

[@flaviogoncalves8853]

Direto e bem explicado!

[@marcosantonio7198]

Você é foda irmão, parabéns, muito obrigado.

[@willianfernandes918]

Cara, sou um grande admirador seu! Sua explicação simples e direta não deixa nenhuma dúvida, muito obrigado pelos seus vídeos!

[@ItaloVolt]

Eu achei que só era possível fazer isso com Bootstrap kkkkkkk, n sei pq isso, viajei demais. Valeuzão!

[@giliardeduardo6643]

Explicação mais clara, impossível. Parabéns!

[@arthur98896]

Direto ao ponto... Muito foda!!! Valeu pela aula, mano!

[@danielmoura4821]

Prático e objetivo, impossível não recomendar o canal.

[@realdrumfan]

Eu tenho o Curso e Aprovo, podem comprar sem medo.

[@thiagosoares7414]

Simplesmente sensacional.

[@pedrodossantosmacieljr8979]

melhor vídeo que vi sobre site responsivo direto ao ponto parabéns pelo ótimo conteúdo

[@LuisFelipe-lp5eo]

Cara, Parabens pelo sua aula, pode ter certeza que quando eu tiver um grana, vou comprar seu curso, Parabens pelo talento !

[@cr007.moreira]

Excelente! Muito bom msm!👏🏽👏🏽

[@mpalcantara7308]

Didática perfeita

[@wilhamsjunior5562]

Video de 6 minutos muito claro e objetivo! Parabéns!

[@baptistajeanbaptiste6832]

Irmão gratidão cara gostei muito desse vídeo me ajudou bastante

[@jonathasveiga4799]

finalmente entendi, Muito obrigado !

[@ianluccasaraujo876]

Poxa, a explicação foi muito boa e prática !

[@lilianesoares2453]

Video bem objetivo, com explicação simples! Amei.. me ajudou muito!

[@junior_santos_1994]

Caraca mano, como esse cara não tem 7bilhoes de inscritos? Ele é muito top ensina muito bem

[@canaldabola6822]

Parabéns mano. Você é bom para fazer conteúdo rápido e direto no ponto. Algo que eu achava que era um pouco complexo, mas você explicando e eu vendo como faz ficou fácil de mais kkk!! vlee

[@eduardowinchester5730]

Sensacional, precisei de 1 minuto de vídeo pra aprender o que eu tava procurando, muito obrigado!

[@stomperhk9107]

Haha, você é incrível cara, sinceramente.

[@onlineglobaldigitalnetwork1058]

Gostei muito da aula

[@thiagoferreiragomes1931]

Caralho, que maluco brabo nas aulas!!

[@erikaharada2152]

que aula demais !!!! Parabéns me ajudou muito , obrigada.

[@pit_dev]

Finalmente entendi , vlw irmão

[@yurimaluf]

EXCELENTE EXPLICAÇÃO PROFESSOR!!!!! Parabéns!!!

[@rodrigomendes3150]

Que vídeo de valor em!

[@anacarolinahernandes]

Ótima explicação, sem enrolação! Parabéns!

[@danismartins19]

Finalmente aprendi, valeeu!

[@josybarros6968]

cara você tirou uma duvida que me dava dor de cabeça! muito obrigado

[@wesllenalexandre1475]

Namoral que explicação top!

[@andrenunes4032]

Didática muiito boa!

[@Robertaspsp]

Aula muito boa

[@vagalumevagal288]

Muito bom!!!!👏👏👏👏👏👏👏

[@samuelcarlos5944]

Maravilhosa a aula. Que top. Gratidão cara.

[@madness3692]

aula foda mano, obrigado

[@josemeiredias]

Perfeito!!! Muito bom mesmo. Parabéns e obrigada por disponibilizar algo tão didático.

[@alissonlima4395]

Aula muito boa, Slk

[@monstrogamer21]

Mano vc é o melhor na moral

[@YannMetalhead]

Boa explicação!

[@diogolovo337]

Tu e brabo irmão, falou muito em poucos minutos 🚀🚀🚀

[@gabrieloliveira9990]

aula perfeita

[@cavalomarinho1794]

Excelente vídeo. Só fiquei meio em duvida em como definir minhas "quebras" de responsividade para desktop, tablets e smartphones. Tipo, como faço para definir o meu media queries com o dimensionamento da tela (em pixels) certo de cada um desses aparelhos?

[@alecpurebr]

Vídeo muito claro, Obrigado Origamid!

[@rogeradrianosouzasantos3775]

excelente aula parabéns

[@daniellimae]

Muito obrigado pela aula!!! ajudou muito tmj oss

[@vikdias7299]

claro e inteligente ! obrigado pela ótima aula !

[@brenobcsilva]

Muito bom, valeuuu!!

[@logicafuzzy3026]

muito bom, realmente parece facil

[@debugando9889]

Ótimo video cara, me ajudou muito no meu projeto web ;D continua com os vídeos objetivos assim ;D

[@renatomaia4323]

Show excelente explicação

[@welington.tutoriais]

Ótima aula, parceiro.

[@adamsinstrutor-tecnico484]

Excelente!Tirou minha dúvida, obrigado!Mais um inscrito!

[@dec_cortes]

show de bola, muito inteligente vc.... parabéns pela aula

[@leafgg241]

Esse vídeo realmente me ajudou, muito obrigado!

[@sidneiferreira9974]

muito bem explicado , obrigado!

[@androidalpha457]

Bem direto. Exatamente o que eu precisava para relembrar 👍

[@lucasbezerradasilva3070]

Que vídeo foda! me ajudou muito no meu estagio! tô juntando dinheiro pra comprar o curso de voces! kkkkk

[@vitor-ro3up]

só escreve mesmo

[@battlefield4707]

Que cara bom!

[@D4V1FULL]

nossa, que vídeo tooooop!! gostei muito, parabéns!!

[@Spawayz]

Ajudou imensamente no meu projeto, muito obrigado! :)

[@rb_bm]

show, excelente!

[@malicinhanoob]

Me ajudou p porra. vlw mestre.

[@matheus2772]

2018/ dia 20 de dezembro. Up. Muito bom.

[@felipysantos1644]

Cara, muito bom o conteúdo. Só queria saber a extensão usada para exibir os seletores no navegador que você usa. Quando entrou no campo das Divs, no navegador já apareceu selecionado, fiquei louco com essa extensão kkkk

[@isabelalima4475]

muito bom!

[@granacomaweb]

Os @media devem ser sempre no fim do css? E... Pode-se montar as estilizações dentro de cada @media? *Ganhou +1 inscrito

[@ravel7471]

video muito bom

[@Adbangshank]

16 dislike são de donos de agências que cobram pra construir sites.

[@ynesCAus]

otimo video, +inscrito !!! Parabens

[@carlosberg6849]

video excelente..

[@linkeduardo100]

obrigado! Muchas gracias incluso yo que hablo español pude entender perfectamente la explicación

[@rafaelyahu]

Muito bom obrigado..

[@Gaimo_]

Estou começando no desenvolvimento, para uma melhor organização, não seria útil separar em dois arquivos? style.css e mobile.css? Ou o comum é usar no mesmo arquivo mesmo?

[@MatheusLima-ky9eq]

cara, eu também estou... mas na minha opinião e assim, até pelo que estou vendo nos projetos, ninguém divide em 2 arquivos pq faz parte do CSS essa "obrigação" em tornar a aplicação responsiva. Nesse vídeo ficou claro que dá pra chegar nesse objetivo usando as próprias ferramentas embutidas no css, saca?

[@joabefernandes7286]

Bom demais , cara!

[@guilhermeh.v.santos7424]

Opa muito bom, mas to com dificuldade de encaixar um texto dentro de uma caixa. No caso tenho um monitor full hd de 24' e o texto ficou certinho, mas no meu laptop de 15 que tbm eh fullhd (1920x1080) a mesma do monitor o texto fica maior e acaba saindo. Alguma dica??