SCSS

by Ed Bulikyan

HTML

<div class="wrap">
    <div class="block">1</div>
    <div class="block">2</div>
    <div class="block">3</div>
    <div class="block">4</div>
</div>

SCSS

$blue: #0084ff;
$blue-darker: darken($blue, 5);

body {
  background: #fff;
  font-family: Helvetica;
}

.wrap {
  border: 1px solid lime;

  &:after { 
      content: '';
      clear: both;
      display: block;
  }
}

.block {
  width: 25%;
  float: left;
  padding: 20px;
  box-sizing: border-box;
  font-size: 25px;
  text-align: center;
  border: 1px solid red;
}