<ul class="airplanes">
  <li>Bristol Bombay</li>
  <li>Douglas C-26</li>
  <li>Vickers Victoria</li>
  <li>Cessna 172 Skyhawk</li>
  <li>Short Stirling</li>
  <li>Gloster IV</li>
  <li>Airbus A380</li>
</ul>

body {
  background-color: rgb(192,181,129);
  font: 1.6em 'Life Savers', cursive;
}

.airplanes {
  max-width: 1000px;
  margin: 5vh auto;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  
  list-style: none;
  padding: 0;
  
}

.airplanes li {
  padding: .5em 1em;
  margin: .5em;
  border: 5px solid #fff;
  border-radius: 2px 6px;
  background-color: rgba(255,255,255,.5);
}