minerva/Tests/LibWeb/Layout/input/flex/calc-flex-basis.html at 1d53ae1d6f7d460e411d0c3e9ba48f0e7b6160b9

ErisCyan / minerva

Find file

Newer

Older

minerva / Tests / LibWeb / Layout / input / flex / calc-flex-basis.html

minerva on 13 Jul 489 bytes Initial commit

Raw Blame History

<!doctype html><style>
* {
    border: 1px solid black;
    box-sizing: border-box;
    font: 20px MinervaSans;
}
.flex-container {
    display: flex;
    flex-wrap: wrap;
    background: pink;
    column-gap: 1px;
}
.flex-item {
    flex-basis: calc(50% - 1px);
    background: orange;
    height: 30px;
}
</style><div class="flex-container"><div class="flex-item">Item 1</div><div class="flex-item">Item 2</div><div class="flex-item">Item 3</div><div class="flex-item">Item 4</div></div>