Basic UIKit

by Adam Jones

HTML

<link rel="stylesheet" href="http://www.getuikit.com/docs/css/uikit.docs.min.css">
<link rel="stylesheet" href="http://www.getuikit.com/docs/css/docs.css">
<script src="http://www.getuikit.com/dist/js/uikit.min.js"></script>
<script src="http://www.getuikit.com/docs/js/docs.js"></script>


    <div class="uk-grid uk-grid-large">
        <div class="uk-panel-box uk-width-small-1-2 uk-width-medium-1-4 uk-grid-large-1-6">
            <div class="card-header" style="background-color: lightgreen">
            <b><u>Title of card</b></u>
            </div>
            <div class="card-body">
                <div class="card-description">This is a description</div>
                <div class="card-tag uk-width-small-1-3 uk-width-medium-1-3 uk-width-large-1-3" data-uk-grid>
                    <div class="card-status">g</div><div class="card-date">05/11/2016</div>
                    
                    <div class="card-count">14</div>
                </div>
            </div>
        </div>
        <div class="card uk-panel-box uk-width-small-1-2  uk-width-medium-1-4">
            <div class="card-header">
                Title of card
            </div>
            <div class="card-body">
                <div class="card-description">This is a description</div>
                <div class="card-tag">
                    <div class="card-status">g</div>
                    <div class="card-date">05/11/2016</div>
                    <div class="card-count">14</div>
                </div>
            </div>
        </div>
        <div class="card uk-panel-box uk-width-small-1-2  uk-width-medium-1-4">
            <div class="card-header">
                Title of card
            </div>
            <div class="card-body">
                <div class="card-description">This is a description</div>
                <div class="card-tag">
                    <div class="card-status">g</div>
                    <div class="card-date">05/11/2016</div>
                    <div...