Grid Systems - Responsive 3D book cover with CSS Grid

site profile thumbnail
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:

More sites by Sam Pilgrim

See profile

Similar sites