Newer
Older
minerva / Tests / LibWeb / Layout / input / flex / flex-constrained-wrap-reverse.html
@minerva minerva on 13 Jul 845 bytes Initial commit
<style>
    .row, .column {
        display: flex;
        border: 1px solid salmon;
        width: 250px;
        height: 250px;
        flex-wrap: wrap-reverse;
    }

    .column {
        flex-direction: column;
    }

    .start {
        align-items: start;
    }

    .box {
        width: 100px;
        height: 100px;
        border: 1px solid black;
    }
</style>

<div class="row">
    <div class="box">1</div>
    <div class="box">2</div>
    <div class="box">3</div>
</div>

<div class="column">
    <div class="box">1</div>
    <div class="box">2</div>
    <div class="box">3</div>
</div>

<div class="row start">
    <div class="box">1</div>
    <div class="box">2</div>
    <div class="box">3</div>
</div>

<div class="column start">
    <div class="box">1</div>
    <div class="box">2</div>
    <div class="box">3</div>
</div>