https://i.sstatic.net/hpajE.png
Is there a way to have elements on the left stack vertically, with equal height and width of the parent element, filling the entire height? I need this layout for three or more elements using Bootstrap 5.
This is the HTML code:
<div class="row come-in">
<div class="col-md-1 sections">
<div>All</div>
<div>Best</div>
<div>Ever</div>
</div>....
And here is the CSS code:
.sections {
text-orientation: upright;
writing-mode:vertical-lr;
align-items: stretch;
flex-flow: column;
}
.sections > div
{
width: max-content;
flex-grow: 1;
}