Aprenda MEDIA QUERIES no CSS em 10 MINUTOS

แชร์
ฝัง
  • เผยแพร่เมื่อ 19 ธ.ค. 2024

ความคิดเห็น • 94

  • @alovose
    @alovose 8 หลายเดือนก่อน +22

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

    • @felfili1
      @felfili1 8 หลายเดือนก่อน

  • @dropcas8275
    @dropcas8275 ปีที่แล้ว +27

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

  • @eduardojunior8554
    @eduardojunior8554 8 หลายเดือนก่อน +2

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

  • @robsonsantos3924
    @robsonsantos3924 16 วันที่ผ่านมา

    Cara eu estava quase desistindo.
    Ainda bem que vi o seu vídeo.
    Muito obrigado.

  • @thiagobarcelo2844
    @thiagobarcelo2844 2 ปีที่แล้ว +14

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

    • @dicasparadevs
      @dicasparadevs  2 ปีที่แล้ว +2

      fico muito feliz lendo isso, Thiagão! tmj

  • @jaxsTI
    @jaxsTI ปีที่แล้ว +9

    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.

  • @fernandorodrigues9359
    @fernandorodrigues9359 4 หลายเดือนก่อน +2

    Sacanagem uma aula assim em 10m, bom de mais mano, vlw.

  • @alexmirasan8460
    @alexmirasan8460 11 หลายเดือนก่อน +1

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

  • @mimisocialmedia
    @mimisocialmedia ปีที่แล้ว +2

    Rápido e direto. Muito boa a aula.

  • @sandraschmittel2678
    @sandraschmittel2678 10 หลายเดือนก่อน +1

    Sem enrolação mesmo. Muito obrigada 1

  • @jacksonpereira8432
    @jacksonpereira8432 ปีที่แล้ว +2

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

  • @leandroflorence9905
    @leandroflorence9905 หลายเดือนก่อน

    sem enrolação e bem explicado

  • @oandre_augusto
    @oandre_augusto 2 หลายเดือนก่อน

    Obrigado, Felipe! Didática incrível.

  • @Marcos-il4zt
    @Marcos-il4zt หลายเดือนก่อน

    Obrigado pela aula. Foi show. Parabéns. 👍☝️👏👏👏👏

  • @Silva-jh9ty
    @Silva-jh9ty 4 หลายเดือนก่อน

    Cara muito obrigado de verdade. Eu estava estudando e me estressei pq eu mudei Algo que mudou uma div e eu fiquei puto. Deus te abençoe 🙏🙏

  • @thainan9433
    @thainan9433 ปีที่แล้ว +2

    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

  • @Briito-i7f
    @Briito-i7f 2 หลายเดือนก่อน

    Obrigado irmão me ajudou muito

  • @felipess
    @felipess ปีที่แล้ว +1

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

  • @KelMicaelson
    @KelMicaelson 2 หลายเดือนก่อน

    Muito top. Me ajudou demais colega, ganhou um like e um inscrito kkk

  • @FAMILIAeDANORTE
    @FAMILIAeDANORTE ปีที่แล้ว +1

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

  • @leonardotesta6794
    @leonardotesta6794 4 หลายเดือนก่อน

    Mano, muito bom o jeito q tu explica, de vdd

  • @thomazjefferson2374
    @thomazjefferson2374 ปีที่แล้ว +21

    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
      @21BLACKJ 8 หลายเดือนก่อน +1

      exatamente kkkk , hoje o esquema e ser FULL STACK

    • @grazielecastilho2881
      @grazielecastilho2881 2 หลายเดือนก่อน

      mano oq vc fez pra resolver? to com o msm problema

  • @Maximus_749
    @Maximus_749 2 ปีที่แล้ว +3

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

  • @Robertaspsp
    @Robertaspsp 8 หลายเดือนก่อน

    Aula perfeita. Amei muito 🩷🩷

  • @lukin0107
    @lukin0107 2 หลายเดือนก่อน

    Baita explicação!!

  • @matheusrocha7239
    @matheusrocha7239 10 หลายเดือนก่อน

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

  • @jessication
    @jessication 3 หลายเดือนก่อน

    Que video massa!! Vai ajudar bastante

  • @tales._.
    @tales._. 10 หลายเดือนก่อน

    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 👍

  • @nikolasewertonxz9138
    @nikolasewertonxz9138 3 หลายเดือนก่อน

    Muito bom,me ajudou muito

  • @TalvaneMX
    @TalvaneMX ปีที่แล้ว

    Você é ninja, valeu.

  • @alinesoarescordeiro7196
    @alinesoarescordeiro7196 หลายเดือนก่อน

    obrigada!!!

  • @eduardodossantosferreira3615
    @eduardodossantosferreira3615 ปีที่แล้ว +1

    Obrigado! ( +1 inscrito e 5 Likes )

  • @henryfranz6387
    @henryfranz6387 2 ปีที่แล้ว

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

  • @Marcos-il4zt
    @Marcos-il4zt หลายเดือนก่อน +1

    Boa noite. Gostaria de saber como faço para ter a visualização que vc tem quantos as medidas responsivas referente as medidas de celulares. É alguma extensão?? Poderia me ajudar neste sentido.
    Utilizo o Liveserv do vscode para visualização das páginas, mas gostaria de saber como faço para ter uma visualização como a sua, onde posso simular as medidas dos celulares.

    • @yurinunes1944
      @yurinunes1944 10 วันที่ผ่านมา

      Eu queria saber exatamente isso mano

    • @yurinunes1944
      @yurinunes1944 10 วันที่ผ่านมา

      Não sei se essa extensão que ele usou é o Devtools

  • @cr007.moreira
    @cr007.moreira 6 หลายเดือนก่อน

    Valeu, muito obg!

  • @Jonathan_Torr3s
    @Jonathan_Torr3s ปีที่แล้ว

    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?

  • @cristianovieira2832
    @cristianovieira2832 6 หลายเดือนก่อน +1

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

  • @jotadagostin1381
    @jotadagostin1381 2 ปีที่แล้ว

    Cara como eu amo esse canal!

  • @guipython
    @guipython ปีที่แล้ว

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

  • @JhonLeclerck
    @JhonLeclerck ปีที่แล้ว

    Muito obrigado 😃 👍🏻

  • @eo_james
    @eo_james ปีที่แล้ว

    obrigado pela explicação
    🥰

  • @HeltonMandava
    @HeltonMandava 3 หลายเดือนก่อน

    valeu pela dica mano

    • @dicasparadevs
      @dicasparadevs  3 หลายเดือนก่อน +1

      Eu que agradeço!

  • @matheusferreirafer1029
    @matheusferreirafer1029 ปีที่แล้ว

    Obrigado, didática incrível!

  • @scr4018
    @scr4018 ปีที่แล้ว

    Ótima explicação, muito obrigado.

  • @jonatas370
    @jonatas370 ปีที่แล้ว

    Vc é muito bom. Obrigado 👍

  • @mauricioquaranta7979
    @mauricioquaranta7979 10 หลายเดือนก่อน

    Muito massa! Obrigado!

  • @bla......
    @bla...... ปีที่แล้ว

    excelente vídeo👏👏👏

  • @Jailondanet-tn8li
    @Jailondanet-tn8li ปีที่แล้ว

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

  • @diogoduarte3188
    @diogoduarte3188 ปีที่แล้ว

    Muito bom, excelente conteúdo!!

  • @fabioto-y7w
    @fabioto-y7w ปีที่แล้ว

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

  • @marinaalmeida8879
    @marinaalmeida8879 2 ปีที่แล้ว

    Eu precisava disso 🙌🙌🙌

  • @henryfranz6387
    @henryfranz6387 2 ปีที่แล้ว +1

    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
      @DouglasSVieira 2 ปีที่แล้ว +3

      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
      @eletronicam ปีที่แล้ว

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

  • @hayyDev
    @hayyDev ปีที่แล้ว

    Muito bom!!

  • @andreizidro1815
    @andreizidro1815 ปีที่แล้ว

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

  • @paulo.phdc.86
    @paulo.phdc.86 ปีที่แล้ว

    parabens!

  • @gabrielrvposo3725
    @gabrielrvposo3725 2 ปีที่แล้ว

    ótimo vídeo!

  • @dionevasconcelossilva9551
    @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?

  • @maeltralha2062
    @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

  • @matheuscosta7333
    @matheuscosta7333 ปีที่แล้ว

    Bom vídeo

  • @silvioluizsantos193
    @silvioluizsantos193 7 หลายเดือนก่อน

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

    • @Roger-pq7qh
      @Roger-pq7qh 4 หลายเดือนก่อน

      opa amigo, não é extensão, é um recurso do próprio navegador msm, vai em inspecionar com botão direito do mouse e clica no ícone de celular no canto direito

  • @flama9195
    @flama9195 2 ปีที่แล้ว

    Qual curso você fez inicialmente???

  • @daniellopes4050
    @daniellopes4050 10 หลายเดือนก่อน

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

    • @Roger-pq7qh
      @Roger-pq7qh 4 หลายเดือนก่อน

      opa amigo, aperta F12 e clica no ícone de celular/tablet que vai aparecer em cima da página à direita

  • @lukinhasgiro
    @lukinhasgiro ปีที่แล้ว

    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
      @dropcas8275 ปีที่แล้ว

      coloque seu codigo CSS aqui. vou tentar ajudar

  • @rafablum
    @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
    @Tailan001 ปีที่แล้ว

    parece facil broen

  • @EfraimCosta7
    @EfraimCosta7 ปีที่แล้ว

    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?

    • @GustahZin
      @GustahZin ปีที่แล้ว +1

      Celular com 1080px ??? tem ctz q essa não é a resolução de video q ele roda não?

  • @nikolasewertonxz9138
    @nikolasewertonxz9138 3 หลายเดือนก่อน

    O chato msm é mexer nos container kkkkkkk tirando isso o mídia é ótimo

    • @dicasparadevs
      @dicasparadevs  3 หลายเดือนก่อน

      Hahaha sim, faz parte!

  • @nossamusik
    @nossamusik 9 หลายเดือนก่อน

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

  • @ReneDaltonM
    @ReneDaltonM ปีที่แล้ว

    Eu devo ser muito burro....não estou conseguindo fazer....😑

    • @eletronicam
      @eletronicam ปีที่แล้ว

      Não brother, é mal explicado mesmo.

    • @Cookieukw
      @Cookieukw ปีที่แล้ว

      ​@@eletronicamNão é não. A didática dele é muito boa e as informações são diretas e objetivas