I need to ensure that the contact button in each card floats to the bottom, regardless of the amount of text within the card. This will create a uniform appearance with all cards having the contact button in the same position.
Here is an example of how one currently looks: https://i.sstatic.net/RVzzb.jpg
pug code:
.column.is-one-third
.card
img(src='../images/results.png', class="teamImage")
.h3.is-3.title John Doe
.p.title Director
.p Synth polaroid bitters chillwave pickled. Vegan disrupt tousled,
|Portland keffiyeh aesthetic food truck sriracha cornhole singleorigin
|coffee church-key roof party. Leggings ethical
|McSweeney's, normcore you probably haven't heard of them
|Marfa organic squid.
.button Contact
css:
.card {
background-color: white;
box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10,
10, 0.1);
color: #404040;
max-width: 100%;
text-align: justify;
position: relative; }
.button {
border: none;
outline: 0;
display: inline-block;
padding: 8px;
color: white;
background-color: rgb(5, 71, 168);
text-align: center;
cursor: pointer;
width: 100%;
}