Grid Systems - Responsive 3D book cover with CSS Grid
![site profile thumbnail](https://uploads-ssl.webflow.com/6158610b88f9bfc76d23b8e6/6158cfc4903ff35987faea35_gridsystems-preview.png)
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