1
<!doctype html>
2
<title>Example</title>
3
<style>
4
.wrapper {
5
  display: flex;
6
}
7
.column {
8
  display: flex;
9
  flex-direction: column;
10
}
11
.column > div {
12
  font-size: 4vh;
13
  color: white;
14
  background: royalblue;
15
  margin: .1em;
16
  padding: .3em 1em;
17
  border-radius: 3px;
18
  flex: 1;
19
}
20
</style>
21
<div class="wrapper">
22
  <div class="column">
23
    <div>1</div>
24
  </div>
25
  <div class="column">
26
    <div>1</div>
27
    <div>2</div>
28
  </div>
29
  <div class="column">
30
    <div>1</div>
31
    <div>2</div>
32
    <div>3</div>
33
  </div>
34
  <div class="column">
35
    <div>1</div>
36
    <div>2</div>
37
    <div>3</div>
38
    <div>4</div>
39
  </div>
40
  <div class="column">
41
    <div>1</div>
42
    <div>2</div>
43
    <div>3</div>
44
    <div>4</div>
45
    <div>5</div>
46
  </div>
47
  <div class="column">
48
    <div>1</div>
49
    <div>2</div>
50
    <div>3</div>
51
    <div>4</div>
52
    <div>5</div>
53
    <div>6</div>
54
  </div>
55
  <div class="column">
56
    <div>1</div>
57
    <div>2</div>
58
    <div>3</div>
59
    <div>4</div>
60
    <div>5</div>
61
    <div>6</div>
62
    <div>7</div>
63
  </div>
64
  <div class="column">
65
    <div>1</div>
66
    <div>2</div>
67
    <div>3</div>
68
    <div>4</div>
69
    <div>5</div>
70
    <div>6</div>
71
    <div>7</div>
72
    <div>8</div>
73
  </div>
74
  <div class="column">
75
    <div>1</div>
76
    <div>2</div>
77
    <div>3</div>
78
    <div>4</div>
79
    <div>5</div>
80
    <div>6</div>
81
    <div>7</div>
82
    <div>8</div>
83
    <div>9</div>
84
  </div>
85
  <div class="column">
86
    <div>1</div>
87
    <div>2</div>
88
    <div>3</div>
89
    <div>4</div>
90
    <div>5</div>
91
    <div>6</div>
92
    <div>7</div>
93
    <div>8</div>
94
    <div>9</div>
95
    <div>10</div>
96
  </div>
97
  <div class="column">
98
    <div>1</div>
99
    <div>2</div>
100
    <div>3</div>
101
    <div>4</div>
102
    <div>5</div>
103
    <div>6</div>
104
    <div>7</div>
105
    <div>8</div>
106
    <div>9</div>
107
    <div>10</div>
108
    <div>11</div>
109
  </div>
110
  <div class="column">
111
    <div>1</div>
112
    <div>2</div>
113
    <div>3</div>
114
    <div>4</div>
115
    <div>5</div>
116
    <div>6</div>
117
    <div>7</div>
118
    <div>8</div>
119
    <div>9</div>
120
    <div>10</div>
121
    <div>11</div>
122
    <div>12</div>
123
  </div>
124
</div>