Fork me on GitHub

Absolute Grid

The grid system that respect's your layout

Example

Click on me... I'm the same element, even when you open it.

Options

				
AbsoluteGrid({
  containerSelector: '.container',
  childrenSelector: '.children',
  width: 190,
  height: 250,
  marginX: 10,
  marginY: 15,
  enableHover: false,
  enableClick: false,
});

Usage

Include absolute-grid.js in your file, and call it with AbsoluteGrid({options}).

No styling has been included since I think it will be changed in all cases, making the grid more lightweight.

The grid will resize the container automatically, fitting as many elements as possible inside.

One of the main use-case of the library is making one grid only, that can be opened, elements moved around, and have the rest of the elements stay in position. Thus avoiding any lightboxes, workarounds, duplication on your website.