1
<!doctype html>
2
<title>Example</title>
3
<style>
4
.wrapper {
5
  display: flex;
6
}
7
.wrapper > div {
8
  font-size: 4vh;
9
  color: white;
10
  background: hotpink;
11
  margin: .1em;
12
  padding: .3em;
13
  border-radius: 3px;
14
  flex: 1;
15
}
16
.wrapper .wrapper > div {
17
  background: pink;
18
  color: hotpink;
19
  }
20
</style>
21
<div class="wrapper">
22
  <div>1
23
  
24
    <div class="wrapper">
25
      <div>1</div>
26
      <div>2</div>
27
      <div>3</div>
28
    </div>
29
    <div class="wrapper">
30
      <div>1</div>
31
      <div>2</div>
32
      <div>3</div>
33
      <div>4</div>
34
    </div>
35
    <div class="wrapper">
36
      <div>1</div>
37
      <div>2</div>
38
      <div>3</div>
39
      <div>4</div>
40
      <div>5</div>
41
    </div>    
42
  
43
  </div>
44
  <div>2</div>
45
  <div>3</div>
46
</div>
47
<div class="wrapper">
48
  <div>1</div>
49
  <div>2</div>
50
  <div>3</div>
51
  <div>4</div>
52
</div>
53
<div class="wrapper">
54
  <div>1</div>
55
  <div>2</div>
56
  <div>3</div>
57
  <div>4</div>
58
  <div>5</div>
59
</div>