Align buttons to bottom of section

Assume your HTML structure looks like this:

<div class="row-name">

    <div class="column-name">
        <!-- Content -->
        <button class="btn-name">Button 1</button>
    </div>

    <div class="column-name">
        <!-- Content -->
        <button class="btn-name">Button 2</button>
    </div>

    <div class="column-name">
        <!-- Content -->
        <button class="btn-name">Button 3</button>
    </div>

</div>

Apply CSS to Align Buttons

You can use the following CSS:

.row-name{display:flex;width:80%;margin-left:auto;margin-right:auto;}

.column-name{display:flex;flex-direction:column;justify-content:space-between;flex:1;margin:10px;}

.btn-name{margin-top:auto;}