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