🐺 CSS Grid Layout - Curso Completo

Projeto, arquivos, guia e tabela de conteúdo na descrição.
Curso feito em 2017 para a origamid.com.

💻Site que você irá criar
https://origamid.com/projetos/wildbeast/
🗄Arquivos
https://github.com/origamid/publico/t...
📝Guia
https://www.origamid.com/projetos/css...

Esse é um curso feito para o site, isso significa que é longo e detalhado. Ele não foi feito para o YouTube, onde geralmente o conteúdo é mais curto. Todas as propriedades funcionam da mesma forma apesar do curso ter sido feito em 2017. Apenas a propriedade grid-gap possui agora nome de gap apenas.

📚Lista de Aulas (34 aulas no total)

00:00 O Curso
03:55 O grid layout
06:43 display: grid
17:21 grid-template-columns
35:53 gird-template-rows
43:07 grid-template-areas
01:02:21 grid-template
01:06:06 gap (antigo grid-gap)
01:11:36 grid-auto-columns
01:18:17 grid-auto-rows
01:20:09 grid-auto-flow
01:25:44 grid
01:28:28 justify-content
01:33:27 align-content
01:36:20 justify-items
01:38:38 align-items
01:41:52 grid-column
01:58:13 grid-row
02:05:18 grid-area
02:20:21 justify-self
02:22:13 align-self
02:23:31 Projeto Wildbeast
02:36:16 HTML Parte 2
02:49:31 Estrutura do Grid
02:59:55 Header
03:12:13 Sidenav
03:18:08 Footer
03:23:34 Conteúdo Grid
03:30:40 Conteúdo Características
03:43:30 Conteúdo Atributos
03:54:47 Grid Responsivo
04:02:34 Menu Responsivo
04:16:00 Conteúdo Responsivo
04:26:04 Conclusão

No curso de CSS Grid Layout você irá aprender como criar um layout responsivo no CSS utilizando as novas propriedades do CSS Grid Layout. Com ele você pode criar layouts complexos utilizando e ainda manter a marcação do HTML limpa.

O CSS Grid Layout é uma nova especificação do CSS e ela veio para resolver praticamente todos os problemas de posicionamento na tela que existem. No curso eu inicio pelos fundamentos e depois vamos para a prática criando um projeto real do zero.