LoginGet started — it’s free
Made in Webflow

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: www.sampilgrim.com/blog/grid-systems-a-responsive-3d-book-cover-with-css-grid-in-webflow
Feeling inspired?If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.
gridtypographyresponsive design3dtransformscustom code

More by Sam Pilgrim

See profile
View details
Responsive postage stamps
© 2022 Webflow, Inc. All rights reserved.