Curso de CSS3 #48 - @media - Layout Responsivo - Parte 1

[@bartsilva5513]

professor, permita-me lhe chamar de senhor, mesmo eu sendo mais velho (55), vivemos em um mundo muito egoísta mas o senhor dá com muita maestria algo que vale mais que ouro "conhecimento" sou muito grato por ter este conteúdo disponível que a cada dia me faz sentir capaz de alcançar meus objetivos, acredite, hoje contribuo apenas com like e divulgo seu canal para quem precisa e quer aprender, mas isso breve vai mudar, amo de paixão o que o senhor faz, sou seu fã, que Deus continue abençoando o senhor e sua família.

[@sayori3939]

Cheguei na aula que todo mundo tava enchendo o saco pro prof fazer 😅

[@MariaAliceNazare]

parabens pela aula, ela ta muito bem explicada, consegui entender tudo

[@caducoder]

Show

[@bennyold9983]

Melhor professor do mundo

[@cfbcursos]

kk, valeu meu caro, muito obrigado

[@lucaslorenzo3151]

Não é um bicho de 7 cabeças, é um bicho de 30 cabeças, 6 asas e 10 garras em cada pata!

[@vitorolivera11]

Sério não achei tão difícil

[@umalguemque...3488]

Bom dia, tudo bem? Tenho 3 dúvidas... 1. O mediaquery é algo de se baixar para funcionar? 2. No layout vertical como usar o media para posição? 3. As configurações de media, só coloco na página index? Ou em todas do projeto?

[@rodrigocoresoia]

Quem maneira sensacional de exemplificar o Layout responsivo. Estou fazendo um curso e não estava entendendo a lógica por trás. Parabéns! Muito bom o conteúdo!

[@totalvitoria]

Pense... num cara que realmente sabe a matéria. Está aqui!!

[@lucasbarra2779]

Cara, parabéns pela didática, aula muito boa! Obrigado pelo conteúdo! Deus abençoe seu trabalho.

[@uendelsantos9530]

melhor pag e melhor professor salvou minha vida

[@cfbcursos]

Opa, valeu brother

[@geizonalmeida]

Cheguei agora e gostei, porém uso velocidade 1.25x testem ai!

[@juniormalvino]

HAHAHAHAHAH muito obrigado salvou meu dia!

[@Mateus.007]

Eu uso 3.5

[@pelotaoitauna6889]

@@Mateus.007 eu uso 5.0

[@jonasvalereo239]

Olá Professor, Bruno, Muito Obrigado Pela Aula Muito Boa e Bem Explicativa, Parabéns, Esta me Ajudando Muito, Obrigado , Conhecimento e Aperfeiçoamento é Fundamental para Todos., Parabéns Obrigado

[@jhe8511]

Esperei muito por esta aula muito bom mesmo!

[@cfbcursos]

Valeu Jeberson, muito obrigado

[@emersont.5757]

Muito obrigado. Um simples orientation resolveu

[@carlosberg6849]

Grande canal

[@sidneicarmo5691]

Show!!! Sem palavras!!! 😍😍😍

[@Interfication]

Obrigado por essas aulas, professor

[@cfbcursos]

Disponha meu caro

[@h.olivei141]

Voltando a ver essas suas aulas maravilhosas fessor bruno !!

[@edilson_momentos]

Aula maravilhosa, professor! :D

[@cfbcursos]

Valeu Edilson, muito obrigado

[@arturvalente163]

Oi professor! Pensa em voltar com as aulas de C++, me ajudaram bastante antes.

[@italooliveira604]

como consegue a apostila

[@adamsinstrutor-tecnico484]

Muito bom mesmo!Parabéns!

[@PoppyJoker]

Ai sim!!! Essa aula ajudou muito

[@jorgewagner7039]

Excelente aula, vlwww

Muito bom.

[@jduarte8791]

Professor estou precisando criar uma tabela responsiva usando Grid System com apenas 3 colunas, como sou INEXPERIENTE com CSS não estou conseguindo resolver, você tem exemplo que eu possa me basear?

[@jduarte8791]

Oi professor como eu faço para usar no ExpressJS, não está funcionando em minha aplicação onde uso NodeJS com EJS, muito grato pela ajuda.

[@luizrodrigo3929]

Aqui no meu esquema eu faço assim: @media screen and (max-width:767px) { div.tablet, div.desktop {display:none;} div.mobile {background:green;} } @media screen and (min-width:768px) and (max-width:1023px) { div.mobile, div.desktop {display:none;} div.tablet {background:#FD7;} } @media screen and (min-width:1024px) { div.mobile, div.tablet {display:none;} div.desktop {background:rgba(25,140,255,.9);} }

[@lucianocarvalho9516]

Mas pq o tamanho max de 1200px vale pra todos se o navegador estava menor?

[@ASouza]

Conteúdo começa após LONGOS 3:20

[@Iara7773]

Obrigada pessoa

[@InicianteDigital]

O cara fala, fala, fala kkkkk e fala, fala, fala....

[@sayori3939]

Bando de babacas podem ir comprar um curso por 500 reais por mes

[@tiagooliveir3648]

o meu só está dando certo se eu colocar o max-width a partir de 980 não sei pq, alguém sabeo que pode ser ?

[@luizrodrigo3929]

Para o Mobile eu uso este esquema: @media only screen and (min-width:240px) and (max-width:767.75px) {CODIGO} Para o Tablet este: @media only screen and (min-width:768px) and (max-width:1023.75px) {CODIGO} E para o Laptop, Desktop e telas maiores este: @media only screen and (min-width:1024px) {CODIGO} Lembrando que este esquemas e suas dimensões são apenas TESTES

[@-_-6988]

acho que estou fazendo algo errado

[@InicianteDigital]

O BlueFish é bem melhor ;)

[@lucasoad399]

Pq a invocação com c++? Tá defasado, gente.

[@cfbcursos]

Não entendi Lucas

[@lucasoad399]

@@cfbcursos todo vídeo perguntam sobre c++. Mas a empregabilidade é baixa. O que usam hoje é js, py e Java.

[@cfbcursos]

@@lucasoad399 não não Lucas, C++ nunca é defasado, C++ é a base pra quase tudo que temos hoje, é uma linguagem muito poderosa. Eu recomendo todo mundo que está aprendendo a programar que aprenda em C++, isso irá facilitar o entendimento de outras linguagens. Eu faço meus programas usando Qt Creator com C++ ou Visual Studio com C#. Vai por mim C++ é vida

[@lucasoad399]

@@cfbcursos eu aprendi a base por c++, aqui e o livro de deitel. Até hoje escrevo int sem querer no js. Mas to partindo pro js por ser mais versátil. E multiplataforma. Enfim, seguindo a moda do elektron e cia. Na verdade fui até o final do livro de André Backes de c e já tava pegando poo por java, mas uma lesão me fez parar. Estou voltando agora com toda cautela com as mãos. O que digo é que eh mais fácil arrumar trabalho com js ou java. C++ eh um Chev Impala 67 e Java eh um tesla.