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>
<br>
<div class="ui unstackable centered padded grid contentGrid">
    <div class="row">
      <div class="five wide column no-padding ">
        <div class="sixteen wide column box">
        a
        </div>
        <div class="sixteen wide column box">
        b
        </div>      
        </div>
      <div class="ten wide column box">C</div>
    </div>
    <div class="row">
      <div class="five wide column box">d</div>
      <div class="five wide column box">e</div>
      <div class="five wide column box">f</div>
    </div>
  </div>

CSS

.box {
  border-style: double;
}

.no-padding {
 padding: 0 !important; 
}

.row {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}