Newer
Older
minerva / Tests / LibWeb / Layout / input / flex / calc-flex-basis.html
@minerva minerva on 13 Jul 489 bytes Initial commit
<!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>