A pure CSS based responsive hexagon grid layout with stylish mouse hover effects in web page.
- The hexagon grid is responsive according to the width of the container
- Hexagons keep their aspect ratio according to their width
- The number of hexagons per row is adaptive and changes from 5 to 2 on media query break points
- A title and short text slide in on hover
- Focused hexagons are highlighted and can be cycled through with tab