Curso de CSS3 #49 - @media - Layout Responsivo - Parte 2

[@isaque-fernandes1068]

Uma resalva Bruno, ao aplicar float left, é preciso ajeitar a largura e o float dos outros elementos, para que eles não sobrepoam nos elementos flutuados, principalmente para que eles não passem do conteúdo do pai deles. precisei colocar o height das divs manualmente e ajeitar e calcular o width do article para que as 2 divs filhas coubessem e flutuassem sem sobrepor uma a outra.

[@totalvitoria]

Consegue imaginar alguém que sabe CSS? Este aqui.. Vale a pena ver.

[@maninisiemel]

Ainda não vi, mas sei que é bom.

[@maxsilva2425]

O melhor dos melhores .

[@maninisiemel]

Antes de ver seu css eu tinha feito e para fazer o efeito igual ao seu eu tinha colocado display-flex em section e tinha funcionado.

[@clebersarmento3444]

cara, to aprendendo a programar graças a sua ajuda, obg

[@GustavoCawthon]

Adorei essa aula

[@Interfication]

Quando a gente entra em inspecionar elemento do Chrome e clica em device, da pra escolher o modelo do mobile.

[@edilson_momentos]

Professor, estou aguardando ansiosamente as próximas aulas. Pois com seu método de ensino, estou aprendendo muito e de uma maneira rápida e lúdica. Porque o senhor vai direto no assunto e sem enrolação. Parabéns e desejo que sempre possa nos ajudar desta maneira :D

[@maninisiemel]

Trabalhoso né, fazer tudo isso para caber em todos os dispositivos, por isso que trabalha nessa área precisa ganhar bem.

[@soldadourbanogame]

Muito fácil, com você explicando tudo fica mais fácil. O melhor professor !

[@humbertosilvabarros3827]

Muito bom Professor!!!

[@cfbcursos]

Valeu Humberto, muito obrigado

[@caique20101]

Professor, a playlist acabou nessa aula 49, mas tem mais aulas 50,51..., é interessante inseri-las na playlist.

[@rogerluiz3450]

Caralho, esse aula foi boa de maaaaiiiss!!

[@luizrodrigo3929]

Nesse caso eu faço assim: Aí, dentro do @media, eu coloco a class nav correspondente. No Mobile o nav vai está de um jeito, no Tablet de outro e assim por diante. Eu sei que esse meu jeito de fazer não está certo, mas para efeito de teste - ou caso eu queira mostrar um plano visual do meu projeto pra quem vai desenvolver - este método tem me atendido bem.

[@bartsilva5513]

🤩

[@maninisiemel]

40 min depois de fazer toda a formatação vamos para a aula.

Boa.

[@rhoger4820]

E para os dispoditivos que são HD e Full HD? Como faço?

[@maninisiemel]

O que manda é o tamanho da tela e não a resolução.

[@rogerluiz3450]

Professor, faltam apenas 6 aulas para eu terminar css, antes de iniciar o curso de css3 aqui eu já tinha visto até a aula 24 (Tag dialog P2) do curso de html completo e profissional e já tinha visto até a aula 6 (Confirm) de Javascript, quando eu acabar css eu vou para o html completo e profissional ou para a playlist de Javascript??!!

[@alexander3785]

Muito Boa aula. Bruno, queria muito uma aula de galeria de fotos com layout responsivo, inclui essa pra gente. :´)

[@cfbcursos]

Valeu Alexandre, muito em breve vou falar sobre esse assunto, só não sei se essa aula vai ser no curso de CSS ou do projeto do site completo, mas logo ela vem por ai

[@alexander3785]

há ok, Muito bom, ficaremos aguardando. bom trabalho aí.

[@cfbcursos]

Valeu brother....

[@lucasoad399]

Professor, me tira uma dúvida. Por que as formataçãoes com @media exigem que eu diminua a tela na mão e no modo tablet do navegador não funciona?

[@joselucas3545]

aperta F5