Test of 600PX Grid Skin

Jul 7, 20128 min read

Deviation Actions

Published: Jul 7, 2012

1.5K Views

The Introduction

This is a test of a custom 600px wide CSS grid system created using the custom CSS creator at www.960.gs. The container is 600px wide with a 10px gutter on each side. Inside there are 8 columns, each with a width of 55px and each with a padding of 10px. Columns can be combined, for instance you could have 8 separate boxes of 1 column, 4 boxes of 2, or even 2 boxes with one of 3 and one of 5.

Here are some examples:

One Column

This is a two column box over here.

Then this is even fancier and is a four column box. How fun is that, I mean really?

This box is made of three columns...

While this one over here is made of five! Blowing your mind I know, but it's cool.

This obviously makes for a very flexible platform. The 960 Grid System that this is based upon is all I use when creating websites because of its simplicity and flexibility. There is no reason why the same platform shouldn't work on dA journals as well.

Custom Classes

I even added in a special div class called "stamp" that is basically a modified 2 column box for dAstamps, demonstrated below.

:thumb98874067:

Did a similar thing for thumbs, just added a nice little border because I think it looks better. The border size and color can be completely customized.