<div class="flex flex-grow-1 border p-2 col-sm">
    <div class="d-flex flex-column">
        <div class="d-inline-flex border-bottom" data-toggle="collapse" data-target="#features-of-three-charts, #scenarios-charts-to-collapse,#steps-charts-to-collapse">
            <h2 class="d-flex align-text-bottom"> Features </h2>
            <li class="d-flex align-items-center ml-auto">
                <a class="collapse-link">
                    <i class="fa fa-chevron-down"></i>
                </a>
            </li>
        </div>
        <div id="features-of-three-charts" class="collapse show">
            <div class="d-flex flex-row">
                <div class="chart-container d-flex flex-row">
                    <canvas id="features" class="d-flex flex-row"></canvas>
                </div>
                <div id="features-chart"></div>
            </div>
        </div>
    </div>
</div>

<div class="flex flex-grow-1 border p-2 col-sm">
    <div class="d-flex flex-column">
        <div class="d-inline-flex border-bottom" data-toggle="collapse" data-target="#features-of-three-charts, #scenarios-charts-to-collapse,#steps-charts-to-collapse">
            <h2 class="d-flex align-text-bottom"> Scenarios </h2>
            <li class="d-flex align-items-center ml-auto">
                <a class="collapse-link">
                    <i class="fa fa-chevron-down"></i>
                </a>
            </li>
        </div>
        <div id="scenarios-charts-to-collapse" class="collapse show">
            <div class="d-flex flex-row">
                <div class="chart-container d-flex flex-row">
                    <canvas id="scenarios" class="d-flex flex-row"></canvas>
                </div>
                <div id="scenarios-chart"></div>
            </div>
        </div>
    </div>
</div>

<div class="flex flex-grow-1 border p-2 col-sm">
    <div class="d-flex flex-column">
        <div class="d-inline-flex border-bottom" data-toggle="collapse" data-target="#features-of-three-charts, #scenarios-charts-to-collapse,#steps-charts-to-collapse">
            <h2 class="d-flex align-text-bottom"> Steps </h2>
            <li class="d-flex align-items-center ml-auto">
                <a class="collapse-link">
                    <i class="fa fa-chevron-down"></i>
                </a>
            </li>
        </div>
        <div id="steps-charts-to-collapse" class="collapse show">
            <div class="d-flex flex-row">
                <div class="chart-container d-flex flex-row">
                    <canvas id="steps" class="d-flex flex-row"></canvas>
                </div>
                <div id="steps-chart"></div>
            </div>
        </div>
    </div>
</div>