1
<!doctype html>
2
<title>Example</title>
3
<style>
4
.container {
5
  display: flex;
6
  flex-direction: row;
7
  align-items: flex-start;
8
  background: beige;
9
  height: 100vh;
10
  flex-wrap: wrap-reverse;
11
  }
12
.red {
13
  background: orangered;
14
}
15
.green {
16
  background: yellowgreen;
17
}
18
.blue {
19
  background: steelblue;
20
}
21
.container > div {
22
  font-size: 5vw;
23
  padding: .5em;
24
  color: white;
25
  width: 60%;
26
}
27
body {
28
  margin: 0;
29
}
30
</style>
31
<div class="container">
32
  <div class="red">1</div>
33
  <div class="green">2</div>
34
  <div class="blue">3</div>
35
</div>