1
<!doctype html>
2
<title>Example</title>
3
<style>
4
 * {
5
   box-sizing: border-box;
6
  }
7
.container {
8
  display: flex;
9
  flex-direction: row;
10
  justify-content: space-between;
11
  height: 100vh;
12
  flex-wrap: wrap;
13
  }
14
.container > div {
15
  font-size: 5vw;
16
  padding: .5em;
17
  color: white;
18
  margin: 10px;
19
  border-radius: 3px;
20
  background: yellowgreen;
21
  border: 5px solid black;
22
}
23
.container > div:nth-child(odd) {
24
  width: 10%;
25
  }
26
.container > div:nth-child(even) {
27
  width: 20%;
28
  }
29
.container > div:nth-child(2),
30
.container > div:nth-child(4),
31
.container > div:nth-child(9) {
32
  width: 60%;
33
  }  
34
body {
35
  margin: 0;
36
}
37
</style>
38
<div class="container">
39
  <div></div>
40
  <div></div>
41
  <div></div>
42
  <div></div>
43
  <div></div>
44
  <div></div>
45
  <div></div>
46
  <div></div>
47
  <div></div>
48
  <div></div>
49
  <div></div>
50
  <div></div>
51
  <div></div>
52
  <div></div>
53
</div>