Simple text column component

<div class="column-container">
    <p class="span-whole-column">This will be spread on top of all three or fewer columns below.</p>
    <p>Row one</p>
    <p>Row two</p>
    <p>Row three</p>
</div>

.column-container {
    columns: 200px 3;
    column-rule: 1px solid grey;
    gap: 3em;
}
.span-whole-column {
    column-span: all;
}