about summary refs log tree commit diff stats
path: root/test/layout/flex-min-max-sizes.html
blob: c603191f710ffc92d59186cc4e9ce7cc040b829d (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html>
<div class="container" style="display: flex; max-height: 40em; background: aliceblue">
test
</div>
<div style="background: red; max-height: 500em; display: flex; min-height: 5em; flex-direction: column">
<div style="background: aliceblue; flex-grow: 1">
test
</div>
</div>
<div style="background: red; display: flex; min-height: 5em; flex-direction: column">
<div style="background: aliceblue; max-height: 500em; flex-grow: 1">
test
</div>
</div>