Soccer Fields Pure CSS

by Marco Abate

HTML

<div class="pitch-container">
  <div class="pitch">

  </div>
</div>

SCSS

$pitchWidth: 120;
$pitchHeight: 90;

.pitch-container {
  width: 100%;
  display: inline-block;
  background-color: green;
  padding-bottom: 75%;
}