Vertically align Buy Now / Contact Us buttons using flexbox order + margin-top auto
This commit is contained in:
@@ -414,6 +414,8 @@ img {
|
|||||||
.pcard-body {
|
.pcard-body {
|
||||||
padding: 1.25rem;
|
padding: 1.25rem;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
.pcard-body h3 {
|
.pcard-body h3 {
|
||||||
font-size: 1.1rem;
|
font-size: 1.1rem;
|
||||||
@@ -436,9 +438,14 @@ img {
|
|||||||
min-height: 2rem;
|
min-height: 2rem;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
.pcard-body ul {
|
||||||
|
order: 1;
|
||||||
|
}
|
||||||
.pcard .btn {
|
.pcard .btn {
|
||||||
margin-bottom: 0.75rem;
|
margin-bottom: 0.75rem;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
order: 2;
|
||||||
|
margin-top: auto;
|
||||||
}
|
}
|
||||||
.pcard ul {
|
.pcard ul {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
|
|||||||
Reference in New Issue
Block a user