Como Utilizar Medias Queries no Tailwind CSS - Curso Gratuito de TailwindCSS #7
Nesta aula do curso gratuito de TailwindCSS, vamos aprender que o TailwindCSS segue a metodologia Mobile First, onde os seus "Pontos de Quebra do Layout" (Breakpoints) são pensados de forma à primeiro construir o layout em dispositivos móveis e depois fazer a adaptação através de Medias Queries para o layout se comportar adequadamente em dispositivos maiores como Tablets e Desktops.
Atualmente o TailwindCSS possui os seguintes breakpoints:
sm: 640px
md: 768px
lg: 1024px
xl: 1280px
2xl: 1536px
Esses são os breakponts padrões, mas você também pode customizar, adicionando novos breakpoints, de acordo com a sua necessidade.
O TailwindCSS utiliza essas classes utilitárias (sm, md, lg, xl, 2xl) que funcionam como Media Queries.
Após assistir o video você aprenderá:
O que é Mobile First?
O que são Breakpoints?
Como trabalhar com responsividade no TailwindCSS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
🎨 Figma do Projeto
https://www.figma.com/community/file/...
💻 GitHub do Projeto
https://github.com/thiagonunesbatista...
▶️ Playlist completa do Curso de Tailwind CSS Gratuito
• Curso De Tailwind CSS Gratuito - Tail...
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
#tailwindcss #frontend #tailwind #css #reactjs #javascript
Смотрите видео Como Utilizar Medias Queries no Tailwind CSS - Curso Gratuito de TailwindCSS #7 онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Código Ao Ponto 01 Февраль 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 266 раз и оно понравилось 24 людям.