Aprenda MEDIA QUERIES no CSS em 10 MINUTOS

Подписаться 42 тыс.

Просмотров 33 тыс.

50% 1

🚀 Bora desenvolver um CLONE DO IFOOD em 5 aulas gratuitas? Toca no link e participe comigo! swiy.co/yt-c-fsw4
Neste vídeo vamos aprender a utilizar Media Queries no CSS para construirmos sites responsivos, que se adaptem a vários tipos de dispositivos.
--------------------------
ASSISTA AOS MELHORES VÍDEOS DO CANAL:
▸ CURSO DE TYPESCRIPT PARA COMPLETOS INICIANTES
• Curso de TypeScript pa...
▸ CURSO DE REACT PARA COMPLETOS INICIANTES
• Curso de React Para Co...
▸ CURSO DE JAVASCRIPT PARA COMPLETOS INICIANTES
ru-vid.com/group/PLm...
▸ CURSO DE NODE.JS PARA COMPLETOS INICIANTES
• Curso de Node.js Para ...
--------------------------
▸ ME SIGA NO INSTAGRAM
/ byfeliperocha
▸ RECEBA DICAS NO TELEGRAM
t.me/dicasparadevs
--------------------------
REDES SOCIAIS
GitHub: github.com/felipemotarocha
LinkedIn: / felipe-ro. .

Наука

Опубликовано:

3 окт 2022

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 72

@dropcas8275 8 месяцев назад

acho que nunca na minha vida eu tive 10 minutos tao bem aproveitados assim. karaka. fiquei estupefato. obrigado

@alovose 2 месяца назад

Usar troca de verde pra vermelho e vice-versa é sacanagem com os daltônicos aqui 😂! Excelente explicação, obrigado!

@felfili1 2 месяца назад

@thiagobarcelo2844 Год назад

Dos canais do youtube esse é o meu preferido para estudar HTML , CSS e JavaScript! A meta é ver todos os videos do seu canal !!!

@dicasparadevs Год назад

fico muito feliz lendo isso, Thiagão! tmj

@eduardojunior8554 2 месяца назад

Agora eu entendi sobre responsividade, cara parabéns pelo conteúdo fantástico :)

@thomazjefferson2374 Год назад

tava fazendo meu portfolio agr que ta quase todo pronto me toquei q so ta pra pc agr to com uma dor de cabeca pra deixar responsivo

@21BLACKJ 2 месяца назад

exatamente kkkk , hoje o esquema e ser FULL STACK

@jaxsTI Год назад

Felipe, brigadão pelos conteúdos cara! Sinceramente, você me ajuda/ajudou muito mais do que um certo bootcamp aí que eu fiz e do que minha facul. Aprendi muito mais aqui do que lá... Super recomendo teus vídeos e teu canal, abraço irmão.

@jacksonpereira8432 Год назад

Muito obrigado pelo vídeo colega! Parabéns... Sem enrolação!

@mimisocialmedia Год назад

Rápido e direto. Muito boa a aula.

@thainan9433 Год назад

mano muito boa aula, eu tava assistindo a aula do cursinho sobre o media orientation e tava tendo dificuldades mas depois de assistir essa video aula ficou tudo esclarecido

@felipess Год назад

mt obrigado irmão, to na luta p web front end e esse video me ajudou muito

@alexmirasan8460 5 месяцев назад

Parabéns elo conteúdo . Você ensinando clareou muito . Valeu!

@matheusferreirafer1029 Год назад

Obrigado, didática incrível!

@sandraschmittel2678 5 месяцев назад

Sem enrolação mesmo. Muito obrigada 1

@FAMILIAeDANORTE Год назад

irmão me ajudou muito, parabéns pelo seu trabalho explicou muito bem , +1 inscrito

@scr4018 Год назад

Ótima explicação, muito obrigado.

@diogoduarte3188 Год назад

Muito bom, excelente conteúdo!!

@eo_james Год назад

obrigado pela explicação 🥰

@jonatas370 11 месяцев назад

Vc é muito bom. Obrigado 👍

@mauricioquaranta7979 5 месяцев назад

Muito massa! Obrigado!

@eksonmude_ Год назад

Canal incrivel, com certeza sou escrito, mesmo programando no celular,, consegui ter muito progrsso com sigo. Sujestão: peço um video sobre como fazer mais fazendo menos, o famoso, codigo limpo.

@MandyLopey 2 месяца назад

Aula perfeita. Amei muito 🩷🩷

@JhonLeclerck 9 месяцев назад

Muito obrigado 😃 👍🏻

@TalvaneMX 9 месяцев назад

Você é ninja, valeu.

@cr007.moreira Месяц назад

Valeu, muito obg!

@bla...... Год назад

excelente vídeo👏👏👏

@Maximus_749 Год назад

Esse vídeo veio na hora certa, estou me aprofundando em sites responsivos, ótimo vídeo!👏👏👏

@dicasparadevs Год назад

boaaaa!

@jotadagostin1381 Год назад

Cara como eu amo esse canal!

@dicasparadevs Год назад

tmj bro!

@henryfranz6387 Год назад

felipe eu amo teus video mds cara vc é nota 1000 ,parabens

@dicasparadevs Год назад

muito obrigado, Henry! :)

@tavin777 6 месяцев назад

Muito bom!!

@marinaalmeida8879 Год назад

Eu precisava disso 🙌🙌🙌

@dicasparadevs Год назад

@paulo.phdc.86 11 месяцев назад

parabens!

@tales._. 4 месяца назад

Pow mano muito obrigado! Pensava que responsividade era um bixo de 7 cabeças, mas graças a seu vídeo vi que isso era um pensamento equivocado 👍

@guipython Год назад

cara muito bom seus exemplos , fazz um com um sitee real mais um escrito !!!!!!!!!!!!

@matheusrocha7239 4 месяца назад

meu deus bati cabeça a bessa pra aprender no curso e chegou agora em dez min entendi

@gabrielrvposo3725 Год назад

ótimo vídeo!

@dicasparadevs Год назад

obrigado, irmão!

@matheuscosta7333 Год назад

Bom vídeo

@Jailondanet-tn8li Год назад

Mano, fiz e deu certo, no trebedit aparecia o menu, mas na hospedagem não, ❤

@andreizidro1815 Год назад

Você já fez o vídeo criando o site responsivo pra mobile?

@eduardodossantosferreira3615 Год назад

Obrigado! ( +1 inscrito e 5 Likes )

@cristianovieira2832 7 дней назад

Estou iniciando, mas mudar a cor é mais fácil, o que me quebra é as imagens no body, texto e background, aí desalinham tudo😅

@Jonathan_Torr3s 7 месяцев назад

Top !! Alguem sabe dizer se essa parte quando ele inspeciona e vê a largura, onde aparece o tipo de dispositivo movel é uma extenssão do google?

@flama9195 Год назад

Qual curso você fez inicialmente???

@f.t.5859 Год назад

Qual o nome dessa extensão usada para redimensionar no navegador?

@silvioluizsantos193 Месяц назад

mano e essa extensão no chrome pra escolher a resolução?

@daniellopes4050 4 месяца назад

como usar essa tela do navegador que dá pra mudar as dimensões?

@maeltralha2062 Год назад

o felipe eu estava estudando aqui, ai quando eu abro o responsivo o espaço do meu cabeçalho e do meu footer so ocupa 50% da tela, sabe como eu posso resolver? eu tentei aumentar o padding-left más não deu certo

@Tropaaff Год назад

Mano, é possível anular o display flex pelo media query quando estiver em tal tamanho? Desde já agradeço

@dicasparadevs Год назад

sim, é só você definir o display como block ou inline!

@dionevasconcelossilva9551 Год назад

estou recriando a lanfing page do facebook, mas quando cheguei no responsivo (nunca fiz responsivo antes) tive um problema: setei o responsivo pra iphone, depois fui trabalhar o responsivo pra desktop, ai td que fazia no desktop afetava o responsivo de iphone. Pode me ajudar?

@henryfranz6387 Год назад

felipe uma duvida como vc consegue ver as larguras de celular e fica mudando de iphone XR para um SE pq meu chorme não tem essa função, por acaso é uma extenção do vs code studio?

@DouglasSVieira Год назад

Você precisa apertar o F12 para abrir o modo dev, e depois clicar no ícone de celular/tablet no topo da janela que vai abrir ,do lado esquerdo.

@eletronicam Год назад

Pois é, ficou muito mal explicado. Muita pressa para terminar o vídeo.

@rafablum Год назад

conteúdo é bom e explica bem, mas sério, o áudio me deixa agoniado, fica aquela engolida toda hora no som... ahh... uma boa seria resolver isso

@Tailan001 Год назад

parece facil broen

@lukinhasgiro 9 месяцев назад

Estou tendo problemas com o media query. Copiei o código exatamente igual o do vídeo, com a meta tag viewport e etc, mas na hora de testar a responsividade no inspecionar elementos do navegador simplesmente não funciona! Já vi diversos vídeos para ver onde está o erro e não consigo encontrar. Alguém pode me ajudar?

@dropcas8275 8 месяцев назад

coloque seu codigo CSS aqui. vou tentar ajudar

@nossamusik 4 месяца назад

Quando você vai olhar como ficou a responsividade no celular real, não tem nada haver com as simulações web.

@EfraimCosta7 11 месяцев назад

Tá aí uma coisa que não entendo: será msm que o iPhone XR tem só *414px* de largura?? Meu simples Moto G5S tem 1080px de largura!! Kk (de acordo com as especificações do aparelho) Qual a lógica nessas medidas?