Make the app cards in each row the same height

t
This commit is contained in:
Jed Fox
2017-10-26 18:01:34 -04:00
parent 144a2c9d52
commit 83574e385c
2 changed files with 6 additions and 2 deletions

View File

@@ -1,5 +1,5 @@
<div class="col-lg-4 col-md-6 mb-3 mt-3">
<a href="{{ app.url }}" class="d-flex flex-column bg-white rounded-1 box-shadow border text-inherit no-underline" style="height:100%">
<div class="col-lg-4 col-md-6 mb-3 mt-3 d-flex flex-column">
<a href="{{ app.url }}" class="d-flex flex-column bg-white rounded-1 box-shadow border text-inherit no-underline flex-1" style="height:100%">
<h3 class="h4 px-3 pt-3">{{ app.title }}</h3>
<p class="text-gray lh-condensed px-3 pb-3">{{ app.description }}</p>
<div class="text-gray-light pl-3 pr-2 py-2 bg-gray-light border-top" style="margin-top: auto;">

View File

@@ -27,3 +27,7 @@ img {
code {
font-size: 14px;
}
.flex-1 {
flex: 1;
}