An Interest In:
Web News this Week
- April 28, 2024
- April 27, 2024
- April 26, 2024
- April 25, 2024
- April 24, 2024
- April 23, 2024
- April 22, 2024
June 18, 2020 02:42 pm GMT
Original Link: https://ninjarockstar.dev/css-hex-grids/
Building a hexagonal grid using CSS grid
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 post Building a hexagonal grid using CSS grid appeared first on CSS-Tricks.
Original Link: https://ninjarockstar.dev/css-hex-grids/
Share this article:
Tweet
View Full Article