<div class="container">
  <div class="box box-1">1</div>
  <div class="box box-2">2</div>
  <div class="box box-3">3</div>
  <div class="box box-4">4</div>
  <div class="box box-5">5</div>
</div>

/* FLEX CONTAINER */
.container {
  height: 90vh;
  background-color: black;
  border: 5px solid purple;
  padding: 0.5em;
  padding-right: 0;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}

/* FLEX ITEMS */
.box {
  width: 50px;
  height: 80%;
  text-align: center;
  font-weight: bold;
  font-size: 1.5rem;
  color: lightgray;
  margin: 0.5em;
  padding: 0.1em;
}

.box-1 {
  background-color: red;
}

.box-2 {
  background-color: blue;
}

.box-3 {
  background-color: green;
}

.box-4 {
  background-color: indigo;
}

.box-5 {
  background-color: yellow;
  color: gray;
}

@media (max-width: 600px) {
  .container {
    flex-direction: column;
    /*     align-items: flex-end; */
  }
}