/* This is some default styling for the exercise */
.container .block {
  height: 200px; }
  .container .block p {
    padding: 0.5rem; }
  .container .block:nth-of-type(even) {
    background-color: #333; }
    .container .block:nth-of-type(even) p {
      color: white; }
  .container .block:nth-of-type(odd) {
    background-color: #AAA; }

    * {
box-sizing: border-box;
    }

    .container {
      display: flex;
      flex-wrap: wrap;
    }

    .block {
      flex-grow: 50;
      flex-basis: 15em;
    }

@media (min-width: 30em) {
  .container .block:nth-of-type(5) {
    order: -1;
  }
}