CSS Responsivo: A importância e COMO FAZER.

Responsividade é sempre um assunto que assusta muitos programadores web. Hoje viemos te explicar a necessidade de ter um site responsivo e como fazer um site responsivo através das media queries. Chega mais!

== Sigam-nos nas redes sociais:

[joaobraz]

Show. Responsividade é o próximo passo pra meus sites ficarem mais apresentáveis.

[hebertmonteiro]

Muito bom o vídeo, Devmedia adiciona o conteúdo de "Grid".

[kayoaugustomaia]

Vídeo Excelente. Bem explicado, bem apresentado, seguindo uma curva confortável. Os conteúdos da plataforma poderiam seguir mais esse método. Abraço.
Assinei a plataforma a dois meses e não me arrependi em nenhum momento.

[theflores]

estou estudando faz cerca de 1 mês, que estou focado, porém que leio documentos faz um tempinho e já tenho uma noção, html me garanto 80%, css mais ou menos, chega no momento que tenho que usar flexbox, grid e responsividade me fode, sofro muito com isso, só não pulei pra javascript pq não sinto segurança em css. espero um dia conseguir ser alguém na vida e um bom programador

[gamett]

Seria muito bom se na plataforma de vocês tivessem vídeos aulas assim

[luizrobertocervelatijunior]

Um dos melhores canais e plataformas de estudos

[anonimus_]

Finalmente vou conseguir fazer um site responsivo ou um modo mobile!

[randerins]

Muito bom!
Sempre tive uma certa insegurança quanto a media queries, mas esse video é bem simples e esclarecedor

[jsdeveloper.website]

muito bom o video, me ajudou, eu apanho muiiito com responsividade e flex-box, as vezes falta um detalhe que fode tudo, é um position que falta, o texto adapta e as divs não, as vezes adapta e não quebra, coisa que os mesmos cod de linhas de baixo iguais, funcionam e os da outra linha não funciona, em fim, um dia eu chego lá, no momento só consigo clonar sites e adapta-los.

[hebertsilvas]

Esse finalzinho foi muito bom!
Estagiário fazendo seu trabalho...

[maiagabriel-rj]

excelente video, me salvou legal na aplicação de um projeto pessoal !!

[kaaik_alex]

Cara a responsividade é ESSENCIAL em um site, exemplo de ressponvidade:
Você tem um site só que varias pessoas que acessaram são mobile, e imagina, sem a responsividade o site fica bugado, da pra arrastar a tela
para todos os lados. Um exemplo, aperte F12 e clique num icone que parece o celular ali no console, vai criar uma "aba", e arraste-a para os lados e veja se tem a responsividade ou não outra coisa, a responsividade explicada em poucas palavras seria: Os ajustes de TODOS os elementos conforme o tamanho da tela!

[andersonnreis]

essa parada de não saber usar o computador é real, tenho uma irmã bem nova e ela ficou chocada que da pra acessar os mesmos sites pelo pc também, teve um momento que fiquei observando ela achando que ela ia tocar na tela do notebook achando que era touch

[caiomontenegro]

Poderia ter citado o mobile first, que ja é critério do Google pra ranking

[simplydora]

tem que colocar os codigos em todas as paginas pra funcionar?

[diogenesoliveira]

Uma palavra, vcs sao fodas ! Parabens

[di_mz]

sou front tbm os maiores desafios sao transformar paginas antigas em sites modernos responsivo

[ander]

Putz...'vai cebolinha' foi de f##de...hahahah xD Parabens pelo conteudo o/

[marcosjesus]

é uma má prática colocar medias para diversas larguras e tamanhos ?

[wagnerfix]

Bom vídeo... Mas percebi que no site da devmedia no iphone 11 (que é o meu caso) tem algumas partes quebradas... Vai ter que aplciar esse vídeo no próprio site... rs