CSS GRID | GUIA DEFINITIVO para lidar com divs sem crise
Quem aqui, ao começar a se inteirar das siglas tech, se deparou com o CSS Grid e não fazia a menor ideia do que era, se era uma linguagem derivada do CSS que já conhecemos ou até mesmo um software para codar a linguagem, como é o caso do NodeJS.
Para tirar todas as suas dúvidas, o Felipão fez um Getting Stated especial sobre o CSS Grid, para que você possa começar a usá-lo agora mesmo! E se você já quiser sair daqui codando, assista até o fim do vídeo!
O que é?
Vamos começar entendendo o que é o CSS Grid?
O CSS Grid é um sistema de estruturação de layout que o CSS fornece. Ele nos permite configurar layouts em duas dimensões: linhas e colunas, essa junção forma uma grade, e é daí que vem o seu nome: Grid.
Como funciona?
O CSS Grid é bem poderoso e completo, e permite que certas coisas sejam feitas de mais de uma maneira, o que pode confundir muitos iniciantes.
Por isso, aqui irei mostrar as principais partes da forma mais simples para que você termine o vídeo sabendo trabalhar com o CSS Grid.
Antes de falarmos as principais partes do CSS Grid, você precisa saber que teremos propriedades CSS para trabalhar com o elemento que possui nossos itens: grid container ou elemento pai e propriedades para os nossos itens da grid: elementos filhos.
Um ponto MUITO importante também, é entender a diferença entre o CSS Grid e o Flexbox.
A principal diferença é que o Flexbox apenas nos permite trabalhar em uma única dimensão, ao contrário do CSS Grid.
Como funciona o CSS Grid?
Agora que você já sabe a teoria, bora praticar com o Felipe? Clique aqui e confira o vídeo na íntegra!