See project on Github

Ingrid

A fluid CSS layout system.

Ingrid

Hello, my name is Ingrid

Ingrid is a lightweight and fluid CSS layout system, whose main goal is to reduce the use of classes on individual units. Making it feel a bit less obtrusive and bit more fun to reflow for responsive layouts.

Ingrid is also meant to be an extendable system, easy to customize to your own needs.

Some examples

unit

A document is a work of non-fiction writing intended to store and communicate information, thus acting as a recording. And some more text just for the sake of it.

unit

A document is a work of non-fiction writing intended to store and communicate information, thus acting as a recording.

unit

A document is a work of non-fiction writing intended to store and communicate information, thus acting as a recording.

unit

A document is a work of non-fiction writing intended to store and communicate information, thus acting as a recording.

a kitten

unit

A document is a work of non-fiction writing intended to store and communicate information, thus acting as a recording.

a kitten

unit

A document is a work of non-fiction writing intended to store and communicate information, thus acting as a recording.

Nesting grids and units

unit

A document is a work of non-fiction writing intended to store and communicate information, thus acting as a recording.

unit

A document is a work of non-fiction writing intended to store and communicate information, thus acting as a recording.

unit

A document is a work of non-fiction writing intended to store and communicate information, thus acting as a recording.

unit

A document is a work of non-fiction writing intended to store and communicate information, thus acting as a recording.

unit

A document is a work of non-fiction writing intended to store and communicate information, thus acting as a recording.

a kitten

Ingrid's famous cat gallery