Flurid - The Fluid CSS Grid

f

l

u

r

i

d

A cross-browser CSS grid framework that doesn't hide pixels in margins!

docs
source

Examples

Columns
Mixed Columns
Nested Columns
Padded Columns
Shifted Columns

Columns

1/16

1/16

1/16

1/16

1/16

1/16

1/16

1/16

1/16

1/16

1/16

1/16

1/16

1/16

1/16

1/16

1/15

1/15

1/15

1/15

1/15

1/15

1/15

1/15

1/15

1/15

1/15

1/15

1/15

1/15

1/15

1/14

1/14

1/14

1/14

1/14

1/14

1/14

1/14

1/14

1/14

1/14

1/14

1/14

1/14

1/13

1/13

1/13

1/13

1/13

1/13

1/13

1/13

1/13

1/13

1/13

1/13

1/13

1/12

1/12

1/12

1/12

1/12

1/12

1/12

1/12

1/12

1/12

1/12

1/12

1/11

1/11

1/11

1/11

1/11

1/11

1/11

1/11

1/11

1/11

1/11

1/10

1/10

1/10

1/10

1/10

1/10

1/10

1/10

1/10

1/10

1/9

1/9

1/9

1/9

1/9

1/9

1/9

1/9

1/9

1/8

1/8

1/8

1/8

1/8

1/8

1/8

1/8

1/7

1/7

1/7

1/7

1/7

1/7

1/7

1/6

1/6

1/6

1/6

1/6

1/6

1/5

1/5

1/5

1/5

1/5

1/4

1/4

1/4

1/4

1/3

1/3

1/3

1/2

1/2

1/1

Mixed Columns

1/12

5/12

6/12 (1/2)

4/16 (1/4)

1/16

8/16 (1/2)

3/16

Nested Columns

1/2 of 1/2 (1/4)

1/2 of 1/2 of 1/2 (1/8)

1/2 of 1/2 of 1/2 (1/8)

1/2

Padded Columns

1/16

1/16

1/4

Shifted Columns

1/2 (push 1/2)

1/4 (pull 1/2)

1/4 (pull 1/2)