Building a hexagonal grid using CSS grid

452 · CSS-Tricks · June 18, 2020, 3:20 p.m.
I think of grids as arrangements of rectangles with vertical and horizontal lines running through. And they are, but that doesn’t mean we can’t still do clever things in how we place things on those grids and what we do with the elements afterwards. In this demo by Jesse Breneman, a grid of hexagons is created by setting up the grid columns with math such that each block can span over three columns and two rows so that the blocks … Read article “Building a hexagonal grid using CSS grid” The po...