CSS Responsivo na Prática 💻

[@MarcosLanzoni]

Esse formato é muito bom , parabéns Erick ,faz um sobre SEO , boas práticas no html , meta tags , keywords , etc

[@josuecurty7190]

Bah. Finalmente entendi e em 5 min de vídeo. To tentando entender até agora em outros vídeos de 30 min e nada.... Muito Obrigado! Tu é fera.

[@icaro.vieira]

Muito bacana esse formato, as vezes quem está iniciando esquece de como essa responsividade funciona, ai vem a DevMedia e refresca a memória.

[@jeffersonbatista8033]

Sabe muito esse Eric!!!

[@firefps1]

VC ME SALVOU! EU NÃO SABIA NUMEROS DE PIXELS BONS PARA COLOCAR, VENDO ESSE VIDEO EU CONSEGUI MELHORAR, OBG!!!!!!!

[@mikeiasgt8590]

Parabéns pelo conteúdo DevMedia estou empacado nesse lance de responsivo e esse video vai me ajudar muito

[@BlackKitten007]

que legal,gostei do novo quadro🤩

[@devmedia.oficial]

Valeu, Black cat!

[@18Akyra]

Excelente esse formato!

[@edfeitosa5232]

Parabéns

[@leonardomedeiros3505]

Muito bom Erick. Por mais vídeos como esse 💪

[@desbravandoaeletrica2862]

Ima download it thanks for sharing!!

[@leandro5378]

Bom dms, entendi bem

[@papiskabila132]

Muito obrigado man 😊

[@Sr_zanin]

Boa garoto;

[@vasconcelos_83]

Ficou muito bom .

[@reginaldoassuncao]

Muito bem explicado

me tira uma duvida, eu coloco, 1366px e 1920px, coloquei max nos dois mas quando o inspecionar mostra a tela com 1366 no maximo o css fica como se estivesse usando as duas resoluções ao mesmo tempo ou seja no inspecionar elemento aparece @media e os dois formatos, ai quando passo de 1366 de tela o formato fica só em 1920px

[@mateusdias722]

continuo aprendendo a usar melhor as medias, por exemplo, eu só consegui usa-las bem as fazendo assim: @media only screen and (min-width:281px) and (max-width: 362px), aí conforme aumentava eu trocava tipo assim: (min-width:363px) and (max-width: 400px) (min-width:401px) and (max-width: 600px) (min-width:601px) and (max-width: 768px) (min-width:769px) and (max-width: 992px) (min-width:993px) and (max-width: 1200px) (max-width: 1200px) assim, eu sei que tem muitas, mas eu tentei fazer do jeito do video(e eu ñ entendia ainda como funciona) mas não deu certo, de início as coisas até que iam bem, mas depois que tinha muito elemento na tela, por algum motivo parecia que as coisas quebravam ou paravam de funcionar, a hierarquias das coisas quebravam e eu ficava perdido, é claro q é pq ainda sou um iniciante, mas como eu ja tinha um prazo de entrega eu tive que me virar, e deu certo até, mas creio que poderia ser melhor kkkk

[@viniciustavares5137]

This is the best free software Ive seen. Respect.

[@gian2570]

Ótimo vídeo, parabéns pela equipe!!

[@raphaelcastro5581]

Devo Fazer o Mobile First? Pois Tenho facilidade com o Desktop First Hj Depois de praticar horas e horas por dia só responsividade eu acho simples.

[@devmedia.oficial]

Se você se sente mais seguro, é uma opção!

[@heberccruz]

Quanto a fazer o design, eu acho que tanto faz. Sobre o CSS: Eu também preferia desktop por ficar mais tempo no desktop. Mas muita coisa já fica da forma correta para o mobile por padrão hoje em dia. Já sendo responsivo e não precisando de muito ajuste mais tarde, eu testei isso e notei que evito muito código desnecessário fazendo mobile first. Usando o mobile first eu não precisava reescrever nada que já estava lá por padrão. Se você entender um pouquinho de inglês eu recomendo o vídeo "Are you writing responsive CSS the wrong way?" do Kevin Powell que é um dos melhores educadores de CSS do KZbin. Nesse vídeo ele explica com detalhes e exemplos que acontecem nos sites comuns isso que expliquei agora.

[@jotaxisl3150]

Agreed. All the others just turn your brain upside down. Nice tutorials is simple.

[@pedro_lucss23]

Faz média query do javascript também, MT show o vídeo

[@JEAN-oj7in]

U BEST!!!

[@jucaflarj]

To doido pra fazer o curso da DevMedia, mas, meu EAD tá puxado, coisa pra caramba pra ler que fico com medo de começar o curso e não dar conta de absorver o conteúdo do jeito que eu quero, por outro lado fico com medo de começar a aprender tarde demais devido já ter 35 anos e demorar a ingressar nessa nova transição de carreira. Queria um conselho bacana de pessoas experientes pra eu poder ter um rumo certo. 😔

[@entediando.em.123]

A faculdade vai te dar uma base teórica importante. Mas nao vai te ensinar a programar. Só com a teoria vc nao consegue entrar no mercado. Mas se vc souber programar bem, mesmo que vc nao tenha a faculdade vc consegue emprego. Entao o que vc precisa é ver o que é importante pra vc e tomar essa decisão.

[@lordbluue3456]

concordo em partes com o Joca! a faculdade só vai te dar uma base rasa entretanto ela vai te ajudar muito a conseguir um estágio na área, experiência própria! se você sair dela você teria que entrar como júnior, e para entrar como júnior a maioria pede experiência. minha dica é que você faça um portfólio hospede alguns sites e projetos, tenha um GitHub bacana e você irá conseguir um estágio! é sempre bom estudar por fazendo alguns cursos, tem diversos no KZbin.

[@alefmiguel8820]

THANKS ALOT MA MAN IT WORKED FOR ME SURE T

[@ericfreitas88]

You're Welcome, Bro! 🤜🤛

[@emidioproducao8731]

Thank youuu so much!!!

[@ericfreitas88]

You're Welcome! 🤜🤛

[@douglas2085]

eu só acho que deveria haver um código em porcentagem e aposentar isso de media queries.. deveria fazer um resize de tags de texto, de imagens e de posição de imagens.

[@athacyrsouzaferreira3529]

essas caixinhas responsível da uma dor de cabeça pois se não souber fazer, quebra a página toda

[@leoaarruda]

F douze é ótimo, o mesmo caso do n fantasma do muito. 😆

[@granacomaweb]

Amigo, como colocar um slider num box desses?

[@Amanda-sv4cz]

Nao mostrou como fazemos para deixar da primeira forma de exibição do video

[@denisgabriel4685]

Olá! hein, não deu certo comigo. Fiz igual ao de vocês, mas não deu certo. Aparentemente, o problema se encontra na parte de quando vocês escrevem (max-widht: ...) depois do @media fica azul, no entanto o meu não fica. Será se é esse o problema?

[@newnessgames4797]

Como colocar altura automatica no css?

[@ericfreitas88]

👀

[@devmedia.oficial]

BRABO

[@helder-rangel]

😁

[@agostinhodapeixeira7696]

Salve, 2 meses travado no Html ajuda ai Erick kkkkkkkk

[@ericfreitas88]

Fala aí, Agostinho. Tudo beleza? Claro que eu ajudo. Hehe Em que você está travado?

[@devmedia.oficial]

Ajuda o homem, Eric!

[@devmedia22]

parabensss!!

[@devmedia.oficial]

Valeu, Tone!