Grid Systems - Responsive 3D book cover with CSS Grid
A recreation of the classic book "Grid systems in graphic design" by Josef Müller-Brockmann.
Built as an exploration of CSS Grid, responsive typography, 3D transforms and CSS custom properties.
Coming up with a method to position and size the grid, text and 3D elements in a way that was responsive and allows for modification of the book size was a fun little challenge.
UPDATE - I wrote a blog post detailing how I built this:
www.sampilgrim.com/blog/grid-systems-a-responsive-3d-book-cover-with-css-grid-in-webflow