blob: fab45baee21f1ba8aadcb67e87ad60a2acee7624 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
<style>
body {
font-family: 'SerenitySans';
}
.container {
display: flex;
border: 1px solid salmon;
width: 500px;
}
.box {
width: 100px;
height: 100px;
border: 1px solid black;
}
</style>
<div class="container">
<div class="box" style="flex-grow: 4;">1 I grow the most</div>
<div class="box" style="flex-grow: 2;">2 I grow</div>
<div class="box" style="flex-grow: 0;">3 I don't</div>
</div>
|
