Grid Systems - Responsive 3D book cover with CSS Grid

site profile thumbnail

Description

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
gridtypographyresponsive design3dtransformscustom code

More by Sam Pilgrim

See profile