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!