Skeleton - Side by Side Grid

by Kyle Mitofsky

HTML

<link rel="stylesheet" href="http://www.getskeleton.com/src/stylesheets/base.css">
<link rel="stylesheet" href="http://www.getskeleton.com/src/stylesheets/skeleton.css">
<link rel="stylesheet" href="http://www.getskeleton.com/src/stylesheets/layout.css">
<div class="container">
    <div class="twelve columns clearfix">
        <div class="six columns alpha">first block</div>
        <div class="six columns omega">second block</div>
    </div>
</div>





<!-- Post Info -->
<div style='position:fixed;bottom:0;left:0;    
            background:lightgray;width:100%;'>
    Note: <em> widen HTML area to view blocks side by side </em><br/>
    About this SO question: <a href='http://stackoverflow.com/q/18147617/1366033'>How can I add two boxes in skeleton?</a><br/>
    Find documentation: <a href='http://www.getskeleton.com/#grid'>Skeleton Grid</a><br/>
    External Style Sheet: <a href='http://www.getskeleton.com/src/stylesheets/base.css'>base.css</a><br/>
    External Style Sheet: <a href='http://www.getskeleton.com/src/stylesheets/skeleton.css'>skeleton.css</a><br/>
    External Style Sheet: <a href='http://www.getskeleton.com/src/stylesheets/layout.css'>layout.css</a><br/>
<div>

CSS

.alpha {
    background-color: red;
}
.omega {
    background-color: green;
}