Hybrid.
Parallax meets Grid — all from markdown
Left Column
This content lives inside a GridCell with size="6,4" — 6 columns on desktop, 4 on mobile. The grid system handles responsive sizing automatically.
Right Column
Both columns sit inside a GridContainer, which is itself an MDC block. The gutter and centering come from the grid mixins — no custom CSS needed.
"Grid layout and parallax effects in one file, authored entirely in markdown."
— This Markdown File
Two-Column Panel
This is a parallax section that scrolls horizontally — and its content respects the grid system. The wide prop removes the max-width constraint.
Grid Inside Parallax
Each column aligns to the same grid as the rest of the page. Resize the window to see responsive behavior inside the horizontal scroll.
Panoramic #background
Slide 1 — left column content sits on top of the panning background.
Panoramic #background
Slide 2 — right column; the panorama keeps sliding under the text.
Panoramic #background
Slide 3 — centered block as the panorama reaches its right edge.
That's the hybrid
Parallax sections with grid layouts, horizontal scrolling, and quotes — all authored in one markdown file per locale.