我希望左边的元素是一个在另一个下面，与父元素的高度和宽度相等，并填充父元素的整个高度（将有3个或更多的元素，3个在这里用于测试目的）。这是可能的吗（我使用的是最新版本的Bootstrap 5）？
HTML程式码：

<div class="row come-in">
    <div class="col-md-1 sections">
        <div>All</div>
        <div>Best</div>
        <div>Ever</div>
    </div>....

CSS程式码：

.sections {
  text-orientation: upright;
  writing-mode:vertical-lr;
  align-items: stretch;
  flex-flow: column;
}
.sections > div
{
   width: max-content;
   flex-grow: 1;
}