#Grid Overflow
Sørvágsvatn lake is placed on the edge of Traelanípa cliff. Incredible view. .vertigo class According to National Geographic the Faroe Islands are the world's most attractive archipelago. There are more sheeps than people and nature is pristine. .panorama class Colonies of Puffins are nesting on Mykines island. .VIP class
Colonies of Puffins are nesting on Mykines island. Mykines island - it feels like at the end of the world.

# Grid Overflow

+ Story Show Gallery lightbox
after a click on a thumbnail

.panorama class

Grid Overflow is respon­sive CSS layout with optional animated 3D effect, utility classes and adjustable by CSS variables.

Pure CSS solution for masonry layout and grid layout, where grid items can be given vertigo, pa­no­rama or VIP class to over­flow into the next cell.

Code of this gallery: Codesandbox.io - Grid Overflow 

          ➜
          CSS classes:
          gridOverflow go-3Dfx go-actionIcon

          CSS variables:
          .gridOverflow {
            --gridGap: 1px;
            --itemMinWidth: 210px;
            --itemRounding: 6px;
            --linkActionIcon: "⤢";
            --itemAspectRatio: 1;
          }


        
          ➜
          CSS classes:
          gridOverflow go-masonry go-zoomFx go-actionIcon
        
          CSS variables:
          .gridOverflow.go-masonry {
            --gridGap: 10px;
            --itemMinWidth: 30%;
            --itemRounding: 25% 88% 10% 88% / 18% 9px 15% 9px;
            --linkActionIcon: "»";
            --masonryItemHeight: 200px;
          }

          @media (max-width: 600px) {
            .gridOverflow.go-masonry {
              --itemMinWidth: 45%;
              --masonryItemHeight: 39vw;
            }
          }

Masonry Mode:

Sørvágsvatn lake is placed on the edge of Traelanípa cliff. Incredible view. According to National Geographic the Faroe Islands are the world's most attractive archipelago. There are more sheeps than people and nature is pristine. Aurora behind the Seljalandsfoss waterfall. Colonies of Puffins are nesting on Mykines island. Mykines island - it feels like at the end of the world.

# Grid Overflow

+ Story Show Gallery lightbox
after a click on a thumbnail

  Grid Overflow is respon­sive CSS layout with optional animated 3D effect, utility classes and adjustable by CSS variables.

  Pure CSS solution for masonry layout and grid layout, where grid items can be given vertigo, pa­no­rama or VIP class to over­flow into the next cell.

Code of this gallery: Codesandbox.io - Grid Overflow Masonry