mirror of
https://github.com/RGBCube/serenity
synced 2025-07-10 04:17:34 +00:00
1583e6ce07
Before this change, it was possible for flex lines with negative remaining space (due to overflowing items) to put a negative amount of space between items for some values of `justify-content`. This makes https://polar.sh/SerenityOS look much better :^)
29 lines
666 B
HTML
29 lines
666 B
HTML
<!doctype html><style type="text/css">
|
|
html { background: white; }
|
|
* {
|
|
outline: 1px solid black;
|
|
}
|
|
body {
|
|
background: pink;
|
|
display: flex;
|
|
width: 400px;
|
|
height: 100px;
|
|
}
|
|
.outer {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
background: magenta;
|
|
}
|
|
.upper {
|
|
background: orange;
|
|
}
|
|
.lower {
|
|
background: yellow;
|
|
}
|
|
.spacer {
|
|
width: 200px;
|
|
height: 200px;
|
|
background: green;
|
|
}
|
|
</style><body><div class="outer"><div class="upper"><div class="spacer"></div></div><div class="lower">whf
|