JSFiddle - React, Tailwind, and code Playground

HTML

<div class="contain">

    <div class="p">
        <div class="c1">
            <p>Random Height and text Random Height and text Random Height and text Random Height and text Random Height and text Random Height and text Random Height and text Random Height and text Random Height and text</p>
        </div>
        <div class="c2">
            <p>Go to bottom, but on top of bottom bumper - text can grow sdfkjlkfdj;lksjdf;</p>
        </div>
        <div class="bb">
            <p>---------------Button--------------</p>
        </div>
    </div>

    <div class="p">
        <div class="c1">
            <p>Random Height and text Random Height and text Random Height and text Random Height and text Random Height and text Random Height and text Random Height and text Random Height and text Random Height and textRandom Height and text Random Height
                and text Random Height and text Random Height and text Random Height and text Random Height and text Random Height and text Random Height and text Random Height and text</p>
        </div>
        <div class="c2">
            <p>Go to bottom, but on top of bottom bumper - text can grow sdfkjlkfdj;lksjdf;</p>
        </div>
        <div class="bb">
            <p>-------Button-------</p>
        </div>
    </div>

    <div class="p">
        <div class="c1">
            <p>Random Height and text Random Height and text Random Height and text Random Height and text Random Height and text Random Height and text Random Height and text Random Height and text Random Height and textRandom Height and text Random Height
                and text Random Height and text Random Height and text Random Height and text Random Height and </p>
        </div>
        <div class="c2">
            <p>Go to bottom, but on top of bottom bumper - text can grow sdfkjlkfdj;lksjdf;</p>
        </div>
        <div class="bb">
            <p>-------Button-------</p>
        </div>
    </div>


    <div class="p">
        <div class="c1">
...

CSS

.contain {
    display: flex;
    border: 1px solid #000;
    width: 100%;
    flex-wrap: wrap;
}

.p {
    width: 29.5%;
    /* float: left; */
    /* position: relative; */
    margin: 0 10px 30px;
    border: 1px solid red;
	
	display: flex;
	flex-direction: column;
}

.bb {
    /* position: absolute; */
    /* bottom: 0; */
    border: 1px solid green;
}

.c1 {
    border: 1px solid blue;
	margin-bottom: auto;
	flex: 1;
}

.c2 {
    border: 1px solid orange;
}