Grom is a lightweight, responsive framework for fast prototyping, or building small sites.

Grom — (short for grommet)
Describes someone that is young and is a skilled surfer/skateboarder. Extended to refer to any young person, in surf/skate culture.

The Grom: Owen Renzo Smith

The Grom: Owen Renzo Smith

Typography

h1 Headline Lorem Ipsum

h2 Headline Lorem Ipsum

h3 Headline Lorem Ipsum

h4 Headline Lorem Ipsum

h5 Headline Lorem Ipsum
h6 Headline Lorem Ipsum
Unordered List
Ordered List
  1. This is a list item blah blah
  2. This is a list item blah blah
  3. This is a list item blah blah
  4. This is a list item blah blah
  5. This is a list item blah blah
  6. This is a list item blah blah

12-Column Grid

I've included a few samples here, but there are many more options.

2-Column Grid

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

3-Column Grid

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

4-Column Grid

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

1/3 - 2/3 Split

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

Buttons

Button
Shizzle
Big Button
Drizzle

Responsive Table

Thead Thead Thead
Mobile Thead Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mobile Thead Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mobile Thead Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Forms

I'm using FormHack, by @ireaderinokun.

Input

Value 1
Value 2
Value 3
Value 1
Value 2
Value 3

Datalist

Textarea

Select and Option

Buttons and Input Type Submit/Reset

Fieldset

Legend Title