Exempel 2 Layout

gistfile1.css

/* #container är en div som innehåller allt synligt innehåll på sidan */
#container {
    width: 960px; /* fixerar totala bredden till 960 pixlar */
    margin: auto; /* automatiska marginaler, om sidan visas i ett fönster med större bredd än 960 pixlar så centreras innehållet */
}

/* .col-half är divs som är till för att lägga ut kolumner med 50% av sidans bredd */
.col-half {
    display: table-cell; /* tillåter flera div:s att ligga som celler i en tabell bredvid varandra */
    width: 50%; /* fixerar bredden till halva sidbredden */
}

/* inställningar för olika sektioner */

section#first-page-image {
    height: 300px;
    background-color: #ccc;
}

section#index-posts {
    height: 900px;
    background-color: #f0c;
    padding: 20px; /* padding kan användas för att skapa lite luft mellan griddens rutor och innehållet inuti */
}

/* stil för sidebar */
aside#sidebar {
    background-color: #efe;
}