body {
  padding: 1em;
}

table {
  border-collapse: collapse;
  width: 100%;
}

td,
th {
  padding: .5em;
  border: 5px solid white;
}

th {
  
}

.yep {
  background: rgba(#27AE60, .2);
}

.nope {
  background: rgba(#d14233, .2);
}

code {
  background: #EFEFEF;
  padding: 0 .25em;
  border: 1px solid rgba(black, .1);
  border-radius: .2em;
}

@media (max-width: 600px) {
  h1 {
    text-align: center;
  }
  
  thead {
    display: none;
  }
  
  tr, th, td {
    display: block;
  }
  
  tr > td:nth-of-type(2)::before { content: 'Ruby Sass 3.2'; }
  tr > td:nth-of-type(3)::before { content: 'Ruby Sass 3.3'; }
  tr > td:nth-of-type(4)::before { content: 'Ruby Sass 3.4'; }
  tr > td:nth-of-type(5)::before { content: 'LibSass 2'; }
  tr > td:nth-of-type(6)::before { content: 'LibSass 3'; }
  
  tr {
    margin-bottom: 1.5em;
  }
  
  tr > td:first-of-type {
    font-size: 1.5em;
    text-align: center !important;
  }
  
  tr > td {
    text-align: right !important; 
  }
  
  tr > td::before {
    display: inline-block;
    float: left;
  }
}