Home > Grid & Layout

Grid & Layout

Responsive Hexagon Grid with Pure CSS

A pure CSS based responsive hexagon grid layout with stylish mouse hover effects in web page. Features 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 …

Read More »

Isometric and 3D Grids with CSS3

Today we’d like to share some isometric grid styles with you. The inspiration comes from the Hotchkiss website where an isometric, scrollable grid is shown with some cool hover effects. In our first experiment we created a scrollable grid just like the one seen on that site, with some hover …

Read More »

Gridlex – Flexbox Grid System

A responsive flexbox based grid system to help you making a responsive website based upon css3 flexbox. Basically each column is the same width as every other cell in the grid. But you can add sizing classes to individual columns. For responsive designs, you can add classes based on media-queries. …

Read More »