jnthb_grid

A Responsive Grid Framework

jnthb_grid is a lightweight, responsive CSS grid. Documentation is available here. You can use it without attribution, but I would recommend using a more established CSS framework like Bootstrap or Foundation since they are well tested across thousands of projects.

Grid

Large Column 4

Large Column 8

Medium Column 8

Medium Column 4

Small Column 4

Small Column 8

Offsets

Large Column 4, Offset 2

Medium Column 4, Offset 4

Small Column 4, Offset 6

Nesting

Large Column 6

Small Column 6

Small Column 6

Full Width

Large Column 4

Large Column 8

Medium Column 8

Medium Column 4

Small Column 4

Small Column 8

Typography

Paragraphs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus erat nunc, aliquet sed placerat sed, eleifend eu purus. Integer ullamcorper ultricies ex, a egestas tortor pulvinar vitae. Nunc ultrices urna a purus vulputate, at egestas massa lacinia. Sed bibendum tristique ornare.

Mauris in placerat lacus. Phasellus mattis facilisis augue, nec tincidunt diam tempor vitae. In varius pellentesque leo quis consequat. Phasellus volutpat ac leo id faucibus.

Nullam sollicitudin libero at mauris gravida dictum. Maecenas at venenatis purus. Nullam vitae est vitae ligula viverra lacinia. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Lists

  • Item 1
  • Item 2
  • Sublist
    • Subitem 1
    • Subitem 2
  1. Item
  2. Item
  3. Item
    1. Item
    2. Item

Buttons

One basic style of button. Really just a starting point for styling buttons. I like to make my own buttons.

Button 1 Button 2 Button 3

Tables

Head 1 Head 2 Head 3
Item Item Item
Item Item Item
Item Item Item
Item Item Item

Forms

Special Inputs

Images

These are responsive images