Home > Grid & Layout > Responsive Hexagon Grid with Pure CSS

Responsive Hexagon Grid with Pure CSS

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
  Website Demo

About admin