jeba.css

body {
  box-sizing: border-box;
  margin: -3;
}

.one {
  height: 20%;
  width: 25%;
  background-color: #eee;
  display: inline-block;
}

.two {
  height: 20%;
  width: 50%;
  background-color: #bbb;
  display: inline-block;
}

.three {
  height: 20%;
  width: 75%;
  background-color: #ccc;
}

.four {
  height: 20%;
  width: 100%;
  background-color: #bcb;
}

@media all and (max-width: 700px) {
  .one {
    width: 100%;
    margin: -3px;
  }

  .two {
    display: none;
  }
}