JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://foundation.zurb.com/stylesheets/docs/presentation.css">
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.js"></script>
<div ng-app>
    <script type="text/ng-template" id="main.tmpl">            <div class="row">
        <article id="sidepanels" class="four columns">
            <h3>first col</h3>
        </article>
        <div class="two columns offset-by-one">
            <h3>second col</h3>
        </div>
        <div class="two columns chrome">
            <h3>last col</h3>
            <p>should float to right edge of the window &amp; have a green background</p>
        </div>
        </div>
    </script>

    <div ng-include src="'main.tmpl'">
    </div>
    
</div>

CSS

html,body {
    height:100%;
    padding:0px;
    margin:0px;
}

.columns, div {
    height:100%;
}
.columns {
    background-color:#eee;
}
.columns:nth-child(3n) {
    background-color:red;
}
.columns:last-child {
    background-color:green;
}