<!DOCTYPE html>
<link rel="help" href="https://drafts.csswg.org/css-gaps-1/">
<link rel="author" title="Javier Contreras" href="mailto:javiercon@microsoft.com">
<style>
    body {
        margin: 0px;
    }

    #flexbox {
        border: 2px solid rgb(96 139 168);
        display: flex;
        column-gap: 20px;
        row-gap: 10px;
        width: 120px;
        height: 170px;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .items {
        background-color: rgb(96 139 168 / 0