HTML & CSS - Consultas de Container no CSS - A Nova Forma de Criar Designs Responsivos

Quer saber mais sobre o nosso Curso Completo de HTML e CSS? Clique no link abaixo para garantir sua vaga na próxima turma: https://dlp.hashtagtreinamentos.com/html-css/espera/impressionador?origemurl=hashtag_yt_org_listaesperahc_Mz-weNbWtzw PARA BAIXAR O MINICURSO GRATUITO DE HTML E CSS: https://pages.hashtagtreinamentos.com/inscricao-minicurso-basico-html-css2?origemurl=hashtag_yt_org_minihtmlcss_Mz-weNbWtzw ----------------------------------------------------------------------- ► Arquivos Utilizados no Vídeo: https://pages.hashtagtreinamentos.com/arquivo-htmlcss-12dbkhtiphhwx3n_ynx_3b4khxdgcwqiv?origemurl=hashtag_yt_org_planilhahc_Mz-weNbWtzw ----------------------------------------------------------------------- Caso prefira o vídeo em formato de texto: https://www.hashtagtreinamentos.com/container-queries-html-e-css ----------------------------------------------------------------------- PARA CONTRATAR A HASHTAG PARA SUA EMPRESA: https://www.hashtagtreinamentos.com/treinamentos-corporativos?fonte=yt ----------------------------------------------------------------------- Você sabe o que é media query ou container query? Eu quero te mostrar como usar o media query (container query) no CSS. A ideia é que você consiga redimensionar um container com base no seu tamanho, ou seja, se dentro de uma página esse elemento ficar menor do que um certo tamanho. Você pode fazer algumas modificações, como deixá-lo no formato de coluna para melhor a visualização desses elementos. Isso é essencial para que a visualização da sua página fica melhor e que ela fique responsiva, ou seja, independentemente do tamanho da tela, o usuário vai ter uma boa experiência. O que não acontece quando o site não tem esses recursos, acaba que no celular ou até em alguns monitores, a página acaba ficando quebrada e é uma péssima experiência para o usuário. ----------------------------------------------------------------------- Vídeos Recomendados ► Curso Básico de HTML e CSS https://www.youtube.com/watch?v=vtX9BzESWnQ&list=PLpdAy0tYrnKwmcenKePWr9TQ9deRanAr7&pp=iAQB ► Como Baixar e Configurar o VSCode para HTML e CSS https://youtu.be/WyXcfCPlIlk ----------------------------------------------------------------------- Hashtag Programação ► Inscreva-se em nosso canal: http://bit.ly/3c0LJQi ► Ative as notificações (clica no sininho)! ► Curta o nosso vídeo! ----------------------------------------------------------------------- Redes Sociais ► Blog: https://bit.ly/2MRUZs0 ► YouTube: http://bit.ly/3c0LJQi ► Instagram: https://bit.ly/3o6dw42 ► Facebook: http://bit.ly/3qGtaF2 Aqui nos vídeos do canal da Hashtag Programação ensinamos diversas dicas de HTML e CSS para que você consiga se desenvolver nessa linguagem de programação e criar seus próprios projetos! ----------------------------------------------------------------------- Conteúdo da Aula 00:00 Introdução 01:12 Entendendo o exemplo 02:15 O que o media query faz? 04:09 O que queremos fazer? 05:15 Como usar o media query (container query) 10:04 Conclusão + Can I use #htmlecss #htmlcss #html #css #hashtagprogramacao