MENU

Grid Garden – A Game for Learning CSS Grid

Team Card Design

November 1, 2017 Comments (0) Views: 3356 Coding

Auto Hexagonal Pure CSS Grid Layout

This demo is an experiment to see the power of CSS without having to resort to other languages ​​or tools to get something as cool as a honeycomb of rich hexagons.

The title “auto” refers to the fact that everything is a function of the value of the CSS custom property or variable --Nhexa which determines how many hexagons are placed in each row. Everything changes with it, because it is the basis for other “custom properties”.

Check out this Pen!

 

Tags: #, #, #, #, #, #, #, #, #, #, #, #

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.