<div class="all">
    <div class="sq f1">1</div>
  <div class="sq s2">2</div>
  <div class="sq t3">3</div>
  <div class="sq f4">4</div>
</div>

body {
  min-height: 100vh;
  display: flex;
  align-items: flex-end;
  color: darkblue;
}

.all {
  display: flex;
  align-items: flex-end;
  border: 2px solid #000;
  border-radius: 5px;
}

.sq {
        width: 100px;
        border-radius: 5px;
        display: flex;
        border: 2px solid;
        margin: 5px;
  
}

.f1 {
        background: red;
        height: 110px;
        align-items: flex-end;
}
.s2 {
        background: lightgreen;
        height: 120px;
}
.t3 {
        background: yellow;
        height: 150px;
        justify-content: center;
        align-items: center;
}

.f4 {
        background: blue;
        height: 100px;
        justify-content: center;
        align-items: center;
}