DISPLAY GRID: Guia completo para Iniciantes em CSS

Olá, pessoal! O CSS Grid é uma poderosa ferramenta que permite criar layouts complexos e responsivos para suas páginas da web com facilidade. Neste vídeo, vamos explorar todos os aspectos do CSS Grid, desde os conceitos básicos até técnicas avançadas. Aprenda a usar propriedades como: "display: grid", "grid-template-columns", "grid-template-rows", "gap", "justify-items", e "align-items". Documentação do CSS Grid para aprender mais: https://developer.mozilla.org/pt-BR/docs/Web/CSS/CSS_Grid_Layout PRODUTOS que uso no meu SETUP: TECLADO: https://amzn.to/4kPr170 MOUSE: https://amzn.to/4iPMwTs MICROFONE: https://amzn.to/4hAzc4h NOTEBOOK: https://amzn.to/4ivj0Td MOUSEPAD RGB: https://amzn.to/4hvaCBT MONITOR: https://amzn.to/4iNbXoz SUPORTE PARA NOTEBOOK E MONITOR: https://amzn.to/4iPNyyO LED RGB: https://amzn.to/4kNP8TB LUZ COLORIDA PARA VÍDEOS: https://amzn.to/4huaDG4 SOFTBOX: https://amzn.to/41TmqIk Redes sociais: LinkedIn: https://www.linkedin.com/in/larissakich/ Instagram: @dev_em_dev GitHub: https://github.com/Larissakich E-mail: [email protected] Capítulos: 00:00 - Introdução 01:00 - Container e Item 04:00 - grid-template-columns 05:47 - grid-template-rows 06:35 - FR 08:15 - repeat() 09:30 - minmax() 11:00 - gap 12:45 - justify-items 13:23 - align-items 14:18 - justify-content 14:50 - align-content 15:38 - place-items 16:04 - grid-template-areas 20:10 - grid-auto-rows 20:56 - grid-column 22:42 - grid-row 23:10 - align-self e justify-self