Youtor
Media Query CSS Tutorial Como Criar um Site Responsivo Passo a Passo
>> YOUR LINK HERE: ___ http://youtube.com/watch?v=Wn_TWBY2QZ8
Neste tutorial, você aprenderá a criar um site responsivo utilizando CSS media query. Exploraremos o conceito de viewport do HTML e como configurá-lo corretamente. Você também descobrirá o que são os breakpoints, como configurá-los e aplicar CSS para media queries. Vamos apresentar um exemplo prático e discutir o princípio mobile first para garantir que seu design esteja otimizado para dispositivos móveis. Assista ao vídeo completo para dominar o uso de media queries e criar designs responsivos de forma eficiente! • =====LINKS 🔗 • Conheça o meu canal: • 🎬 / @maurodeboni • Minha playlist sobre CSS: • 🎬 • Curso de CSS para iniciantes • Links para os exemplos do W3CSchools • Exemplo com viewport: • https://www.w3schools.com/css/example... • Exemplo sem o viewport: • https://www.w3schools.com/css/example... • ===== • Sugestões de leitura 📘📖📚 • Engenharia de Software : https://amzn.to/3C4d9E6 • Engenharia de Software - Conceitos e Práticas : https://amzn.to/48tLOHw • Metodologia de Pesquisa para Ciência da Computação : https://amzn.to/48xf14d • Código Limpo: Habilidades Práticas do Agile Software : https://amzn.to/4fpBeDr • 1984 : https://amzn.to/3Yrd0C5 • Duna: Livro 1 : https://amzn.to/4f57NXP • Box Trilogia Sprawl : https://amzn.to/4fudmP1 • Mais Livros de computação : https://www.amazon.com.br/shop/maurod... • Mais Livros de ficção científica : https://www.amazon.com.br/shop/maurod... • eBooks Kindle : https://amzn.to/4hdBNSx • Kindle : https://amzn.to/40amtju • Assinar Kindle Unlimited : https://amzn.to/3IKHc4c • Página de associado da Amazon : https://www.amazon.com.br/shop/maurod... • Equipamentos • 💡 Luz de LED Ulanzi VL49 : https://amzn.to/48tKyUO • 🎥 iPhone SE : https://amzn.to/3YJW2QM • 🎙️ Microfone Fifine K688 : https://amzn.to/3ChtKnK • 🖱️ Mouse sem fio Logitech MX Master 3 : https://amzn.to/4f63fQV • ⌨️ Teclado sem fio Logitech K380 : https://amzn.to/4hmRoQ1 • 🎧 FONE de Ouvido Bluetooth Edifier W820NB :https://amzn.to/3C5eCtR • Atenção: Os itens listados nessa página ajudam o canal com uma comissão sempre que você fizer uma compra. • =====LINHA DO TEMPO • 0:00 - Introdução e Objetivo Geral • 0:29 - O que é e como usar o viewport do HTML • 4:13 - Inserindo os Breakpoints • 7:47 - Configurando o CSS para Breakpoints • 14:57 - Discussão sobre o Princípio Mobile First • #maurodeboni
#############################
