.half {
    color: white;
    display: flex;
    list-style: none;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    align-items: center;
    border-radius: 15px;
    text-align: left;
}

.test, .view {
  margin: 10px;
  min-width:40vw;
}

.btn-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  margin: 0;
  padding: 0;
}



@media screen and (min-width: 900px) {
    p {
    padding-left: 5%;
    padding-right: 5%;
    }

    .test, .view {
      margin: 10px;
      min-width:20vw;
    }

    .project {
      display: flex;
      flex-direction: row;
    }

    .half {
      width: 48%;
    }

    .reverse {
      flex-direction: row-reverse;
      background: linear-gradient(#3b0239a4, #060053d8),
      url(http://davidmmasters.com/wp-content/uploads/2018/04/trauma-inspired-programming.gif);
    }
}