Add fill class so that donation boxes take up all the available height.

This commit is contained in:
Hyperling 2025-01-29 13:16:10 -07:00
parent a48c767ffb
commit c000140040
2 changed files with 9 additions and 3 deletions

View File

@ -84,11 +84,17 @@
border: 0px;
}
/** When a field needs more background color above and below. **/
.spacing {
padding-top: 5px;
padding-bottom: 5px;
}
/** Ensure elements in a container use the full height. **/
.fill {
height: 100%;
}
/** Format tables and allow contents to be broken up. **/
table {
/*width: 100%;*/

View File

@ -6,7 +6,7 @@
<div class="row text">
<div class="col-4 center border">
<div class="col-4 center fill border">
<h3 class="title spacing">Preference 1 - Private Crypto</h3>
<p>Send me any type of coin.</p>
<div class="header">
@ -15,7 +15,7 @@
</div>
</div>
<div class="col-4 center border">
<div class="col-4 center fill border">
<h3 class="title spacing">Preference 2 - Public Crypto</h3>
<p>Donate directly to my addresses.</p>
<div class="header">
@ -39,7 +39,7 @@
</div>
</div>
<div class="col-4 center border">
<div class="col-4 center fill border">
<h3 class="title spacing">Preference 3 - Public USD</h3>
<p>Send USD to a fiat-based account.</p>
<div class="header">