Vertically align Buy Now / Contact Us buttons using flexbox order + margin-top auto

2026-06-24 19:20:25 +00:00
parent b84b0d4bf5
commit 2cc933d7a0
1 changed files with 7 additions and 0 deletions
@@ -414,6 +414,8 @@ img {
 .pcard-body {
    padding: 1.25rem;
    flex: 1;
+    display: flex;
+    flex-direction: column;
 }
 .pcard-body h3 {
    font-size: 1.1rem;
@@ -436,9 +438,14 @@ img {
    min-height: 2rem;
    font-style: italic;
 }
+.pcard-body ul {
+    order: 1;
+}
 .pcard .btn {
    margin-bottom: 0.75rem;
    width: 100%;
+    order: 2;
+    margin-top: auto;
 }
 .pcard ul {
    list-style: none;