JSFiddle - React, Tailwind, and code Playground

HTML

<div class="accordion">
    <div class="accordionitem horizontal"></div>
    <div class="accordionitem vertical"></div>
    <div class="accordionitem vertical"></div>
</div>

CSS

html {
    margin: 0px;
    padding: 0px;
}
.accordion {
    width: 100%;
}

.accordion: after {
    clear: both;
}
.accordionitem {
    background-color: green;
    float: left;
}
.vertical {
    width: 10%;
    height: 100px;
}
.horizontal {
    width: 80%;
    height: 100px;
}