16 Column Grid with 5px padding - Demonstration

Each box contains the class name according to the Lovely CSS Framework.

grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-two
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-three
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-four
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-five
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-six
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-seven
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-eight
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-nine
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-ten
grid-one
grid-one
grid-one
grid-one
grid-one
grid-one
grid-eleven
grid-one
grid-one
grid-one
grid-one
grid-one
grid-twelve
grid-one
grid-one
grid-one
grid-one
grid-thirteen
grid-one
grid-one
grid-one
grid-fourteen
grid-one
grid-one
grid-fifteen
grid-one
grid-sixteen


8 Column Grid Mix 'n' Match with 10px padding - Demonstration

Just freaking out with the grid columns. You can also use numbers instead of words. Example: grid-4 instead of grid-four

grid-2
grid-4
grid-2
grid-4
grid-2
grid-1
grid-1
grid-1
grid-1
grid-6


6 Column Nested Grid with no padding - Demonstration

Adding some nested columns.

grid-1
nested grid-2
nested grid-1
nested grid-1
grid-1


Master HTML Reset & Font Setup

This is the default appearance of HTML elements when using the Lovely CSS Framework.

h1

h2

h3

h3

h3
h3

This is a paragraph with a link

this is a paragraph with an Inline image Inline image

This is a blockquote

This is some block with pre
This is some block with code
Table Caption
Header Header Header Header Header
Data Data Data Data Data Data Data Data Data
Data Data Data Data Data Data Data Data Data Data
  • Unordered List #1 (ul)
  • Unordered List #2 (ul)
  1. Ordered List #1 (ol)
  2. Ordered List #2 (ol)
Definition Term (dt)
Definition Description (dd)

Form Setup

This is the default appearance of form elements when using the Lovely CSS Framework.

Form fieldset

Here's a little note for the field in question.

There was an error with this field

Select One:
Select One:
Select Any:
Select Any: