#36-Interleaved.htm

<div class="a">
    <ul>
        <li></li>
        <li></li>
    </ul>
</div>
<div class="b">
    <ul>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</div>
<style>
    * {
        margin: 0;
    }

    body {
        background: #1A4341;
    }

    div {
        position: absolute;
    }

    ul {
        list-style-type: none;
        display: flex;
    }

    .a {
        left: 60px
    }

    .a li,
    .b li {
        width: 50px;
        height: 200px;
        background: #998235;
        border-radius: 0 0 30px 30px;
        margin-right: 100px
    }

    .b {
        left: -15.5px;
        bottom: 0;
    }

    .b li {
        background: #F3AC3C;
        border-radius: 30px 30px 0 0;
    }
</style>