Semantic Basic Template

by batrasoe

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.4/semantic.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.4/semantic.min.js"></script>
<div class="ui stackable two column grid" id="#grid">
    <div class="column">
        <div class="ui list">
            <div class="item">
                Item 1
            </div>
            <div class="item">
                Item 2
            </div>
        </div>
    </div>
    <div class="column">
        <div class="ui list">
            <div class="item">
                Item 3
            </div>
            <div class="item">
                Item 4
            </div>
        </div>
    </div>
</div>

CSS

@media only screen and (max-width: 767px)
{
#grid .column {
  padding: 0rem !important;
}
}