Híbrido.
Parallax encontra Grid — tudo a partir de markdown
Coluna Esquerda
Este conteúdo está dentro de um GridCell com size="6,4" — 6 colunas no desktop, 4 no mobile. O sistema de grid lida com o dimensionamento responsivo automaticamente.
Coluna Direita
Ambas as colunas estão dentro de um GridContainer, que também é um bloco MDC. O gutter e a centralização vêm dos mixins de grid — sem CSS customizado.
"Layout de grid e efeitos parallax em um único arquivo, escrito inteiramente em markdown."
— Este Arquivo Markdown
Painel de Duas Colunas
Esta é uma seção parallax que rola horizontalmente — e seu conteúdo respeita o sistema de grid. A prop wide remove a restrição de largura máxima.
Grid Dentro do Parallax
Cada coluna se alinha ao mesmo grid do restante da página. Redimensione a janela para ver o comportamento responsivo dentro do scroll horizontal.
#background panorâmico
Slide 1 — conteúdo na coluna esquerda sobre o fundo que pana.
#background panorâmico
Slide 2 — coluna direita; o panorama continua deslizando por trás do texto.
#background panorâmico
Slide 3 — bloco centralizado quando o panorama alcança a borda direita.
É isso
Seções parallax com layouts de grid, scroll horizontal e citações — tudo escrito em um único arquivo markdown por idioma.