TUTORIAL COMPLETO CSS MEDIA QUERY - Criando layouts responsivos na PRÁTICA

  Рет қаралды 7,799

Fernanda Kipper | Dev

Fernanda Kipper | Dev

Күн бұрын

⭐ Seja um membro do canal e tenha acesso à lives, vídeos e conteúdos exclusivos!
/ @kipperdev
Neste vídeo, vamos aprender na prática como as MEDIAS QUERIES funcionam, abordando todas as propriedades de responsividade do CSS. Iremos entender e explorar o potencial do CSS MEDIA QUERY para criar layouts responsivos e que se adaptam a várias telas.
🎁 ALCANCE O PRÓXIMO NÍVEL EM PROGRAMAÇÃO (10% OFF)
tr.ee/kipperde...
👉 Me siga no instagram!
/ kipper.dev
🌎 Comunidade do Discord
/ discord

Пікірлер: 27
@marcosafonso9273
@marcosafonso9273 2 ай бұрын
Aula muito boa ajudou bastante, valeu Fernanda.
@FilipeMonteiro-c1g
@FilipeMonteiro-c1g 2 ай бұрын
Amei o vídeo, me ajudou bastante a entender o @media 💓
@GabrielSousa-hk1sg
@GabrielSousa-hk1sg 2 ай бұрын
muito foda! continue com os seus vídeos são muito bons
@unemployed_dev
@unemployed_dev 2 ай бұрын
otimo video, deu pra entender bastante como funciona @media
@gabrielrochasantana
@gabrielrochasantana 2 ай бұрын
Valeu Fer pela dica. Sou back end mas gosto de saber isso, quem sabe né?..rs
@edemarmendesperciani8826
@edemarmendesperciani8826 2 ай бұрын
Muito bom, parabéns
@lionsking3749
@lionsking3749 2 ай бұрын
Muito obrigado ♥️
@fabioverlaine7274
@fabioverlaine7274 2 ай бұрын
`Olha... sensacional !! += ${ 1 inscrito }` ; aquela explicação que absorve de primeira. Valeu.
@alessandropedroso3335
@alessandropedroso3335 Ай бұрын
Muito bom ótimo conteúdo de qualidade!
@kipperdev
@kipperdev 18 күн бұрын
Obrigadaa Ale! 💜
@felipebrito10
@felipebrito10 2 ай бұрын
Sensacional, Fe! ❤🖥
@eduardodantas7906
@eduardodantas7906 2 ай бұрын
Video sensacional como sempre, Fe!! Será que você poderia fazer algo relacionado a Kubernetes com Docker?
@kipperdev
@kipperdev Ай бұрын
Oii Edu! Muito obrigada! Ótima ideia, anotei aqui
@gambiatec3318
@gambiatec3318 2 ай бұрын
Muito bom!
@jessicaagrs
@jessicaagrs 2 ай бұрын
top demais ❤
@wellingtonjunior9632
@wellingtonjunior9632 2 ай бұрын
Primeiramente, parabéns pelo trabalho, tem me ajudado muito na tentativa de transição de carreira. Eu tenho uma pergunta: os Medias globais que você fez, diferencia exatamente em que dos que estão feitos no style.css? Falando de forma profissional ou da convenção, é errado fazer apenas o media global? Isso se for possível fazer somente o global . Obrigado. Tmj
@kipperdev
@kipperdev 2 ай бұрын
Oii Wellington. Muito obrigada 💜 Sempre o global tem que tomar muito cuidado, principalmente em projetos grandes. As vezes no momento da criação daquela média query não acontece problema nenhum, mas ao longo dos meses, quando temos que dar manutenção, problemas podem acontecer. Errado não é, mas talvez seja o mais difícil de dar manutenção, de uma pesquisada sobre Scoped CSS/Module CSS. Um abraço
@thommy_80
@thommy_80 2 ай бұрын
recentemente tive uma batalha entre @media vs position absolute me senti um backend tentando centralizar uma div
@LucasvpFranca
@LucasvpFranca 2 ай бұрын
Pensa em fazer algo com thymeleaf?
@edemarmendesperciani8826
@edemarmendesperciani8826 2 ай бұрын
Boa tarde, achei muito interessante, mas fui fazer e os retângulos não apareceram. Revisei todo o codigo e não consegui. O Codigo fonte não está disponível? muito obrigado pelo vídeo
@thommy_80
@thommy_80 2 ай бұрын
tomei um susto quando iniciei esse video, minha tv tava meio alta😢
@carloslonghi7140
@carloslonghi7140 2 ай бұрын
Eu curto mais usar o Bootstrap para dar responsividade nos sites que faço, os Componentes prontos do Bootstrap como botões e etc eu acho zuado, mas na organização do site eu acho top demais.
@kipperdev
@kipperdev 18 күн бұрын
boaaa! O bootstrap ajuda mt na organização mesmo!
@JuniorLustosa-py3fc
@JuniorLustosa-py3fc 2 ай бұрын
Coloca uma tomada Tramontina tira essa coisa feia 🤧🤧🤧
@kipperdev
@kipperdev Ай бұрын
ajuauhauahuauhua coitada da tomadinha
@stanleyismael9166
@stanleyismael9166 2 ай бұрын
@kipperdev
@kipperdev 2 ай бұрын
CLONANDO HOME PAGE DA APPLE COM HTML+CSS
1:15:30
Fernanda Kipper | Dev
Рет қаралды 28 М.
CSS GRID na PRÁTICA - Tutorial Completo
25:21
Fernanda Kipper | Dev
Рет қаралды 38 М.
GIANT Gummy Worm Pt.6 #shorts
00:46
Mr DegrEE
Рет қаралды 110 МЛН
How do Cats Eat Watermelon? 🍉
00:21
One More
Рет қаралды 12 МЛН
CURSO DE SPRING para INICIANTES | Tutorial de Java Spring
51:25
Fernanda Kipper | Dev
Рет қаралды 28 М.
Criando site completo com bootstrap em minutos
32:42
Alexandre Leutz
Рет қаралды 65 М.
FÁBIO AKITA. Comece pelo básico. Fora da Norma Podcast.
1:07:19
Fora da Norma
Рет қаралды 197 М.
APRENDA DOCKER DO ZERO | TUTORIAL COMPLETO COM DEPLOY
44:15
Fernanda Kipper | Dev
Рет қаралды 120 М.
Responsividade na Prática | Masterclass #08
1:30:16
Rocketseat
Рет қаралды 233 М.
Learn how to use Media queries & Container queries
34:33
Kevin Powell
Рет қаралды 72 М.
COMO CRIAR SEUS READMEs? GUIA DO README COMPLETO
25:44
Fernanda Kipper | Dev
Рет қаралды 25 М.
CSS DO ZERO - APRENDA NA PRÁTICA  - TUTORIAL COMPLETO
23:21
DevClub | Programação
Рет қаралды 13 М.