mirror of
https://github.com/RGBCube/serenity
synced 2025-05-23 21:35:07 +00:00
8dd489da61
We do this by piggybacking on FormattingContext helpers instead of reinventing the wheel in FlexFormattingContext. This fixes an issue where `min-width: fit-content` (and other layout-dependent values) were treated as 0 on flex items. This makes the cookie banners look okay on https://microsoft.com/ :^)
24 lines
No EOL
508 B
HTML
24 lines
No EOL
508 B
HTML
<!DOCTYPE html><style>
|
|
* {
|
|
border: 1px solid black;
|
|
}
|
|
body {
|
|
display: flex;
|
|
width: 500px;
|
|
}
|
|
.big {
|
|
width: 400px;
|
|
height: 50px;
|
|
background: pink;
|
|
}
|
|
.buttons {
|
|
min-width: fit-content;
|
|
background: orange;
|
|
}
|
|
.button {
|
|
display: inline-block;
|
|
border: 1px solid black;
|
|
}
|
|
</style><body>
|
|
<div class="big"></div>
|
|
<div class="buttons"><div class="button">Accept</div><div class="button">Reject</div> |