Site URL: https://vibraphone-teal-ly35.squarespace.com/
I've used this code before, but I'm getting no joy on getting my buttons to align to the bottom of the columns. The columns themselves have an even height – just the buttons are thwarting me.
I've got a background color in the css, just to see that I'm affecting the button container at all, since I used to use ".button-block" but that seems now to do nothing. Every part of this works, but I just can't get the danged buttons to sink in the columns, for love nor money. I've tried:
{margin-top: auto;}
{margin-bottom: auto;}
{height: 21rem;}
{align-content: flex-end;} {justify-content: flex-end;}
I've also tried using the individual button block IDs, rather than the class, and get similar results.
My CSS:
/*Making Activities Columns the same Height*/
[data-section-id="62a232712ab1e65e2e683882"] .sqs-row {
display: flex;
flex-wrap: wrap;
}
[data-section-id="62a232712ab1e65e2e683882"] .sqs-col-3{
background-color: #ebebeb;
box-sizing: border-box;
flex: 1 1 246px;
flex-direction: column;
margin: 1%;
padding: 10px;
}
[data-section-id="62a232712ab1e65e2e683882"] .sqs-block-button{
background-color: #000000;
margin-top: auto;
}
-------------------------
Thank you in advance for your help!