Welcome to Minty

One of those HTML template things

The Goal

This template provides a jumpstart to any static site. Made as small and simply as possible, it provides the grid, basic styling, and pre-commented notes to keep your future beast tidy.

HTML Boilerplate

Bare minimum html to get you started.


12 Column Grid

A simple grid option that works, even in IE.


Pre-Organized Code

Tables of contents pre-noted for keeping organized.


Normalized Styles

Brief normalize at the start of the main CSS.

12 Column grid example, class naming organization is ▸ row ▸ column ▸ column-size

The media query desktop and mobile. You specify the column width by the number / 12

Desktop: c12, c6, c4, etc. 12 is full width, 6 is 50%, and so on.

Mobile: s12, s6, s4, etc. 12 is full width, 6 is 50%, and so on.

The last row is c3 for desktop and s6 for mobile, resize to see.

All 12 columns

6

6

4

4

4

c3 s6

c3 s6

c3 s6

c3 s6

Shout Out

I combined elements of Min css and Simple grid for this project.

Simple Grid

Min CSS