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
Watch video Como Utilizar Medias Queries no Tailwind CSS - Curso Gratuito de TailwindCSS #7 online without registration, duration hours minute second in high quality. This video was added by user Código Ao Ponto 01 February 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 266 once and liked it 24 people.