Plain Grid Layout (no animations, no JS)

Back to index

Basic setup of a responsive grid layout using decoupled custom properties.

Native CSS animations are not possible, because we can't transition grid-template-areas, and the columns/rows are not fixed enough to use a grid-template-columns/ grid-template-rows transition.

Set Layout:
--preferred-layout:
--resized-to:
Introduction

Main Content

Main Content

Main Content