Oliver/derez.ai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

equal-height pricing cards: flex column, perks flex-grow, button bottom

Browse Source
This commit is contained in:
Oliver
2026-06-07 20:12:21 -03:00
parent 0407779d55
commit 9d7669af79
1 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+11 -1
View File
@@ -799,7 +799,6 @@
gap: 20px; gap: 20px;
max-width: 960px; max-width: 960px;
margin: 0 auto; margin: 0 auto;
align-items: start;
} }
.pricing-card { .pricing-card {
background: var(--bg-card); background: var(--bg-card);
@@ -810,12 +809,23 @@
box-shadow: var(--shadow); box-shadow: var(--shadow);
position: relative; position: relative;
transition: border-color 0.2s, transform 0.2s; transition: border-color 0.2s, transform 0.2s;
display: flex;
flex-direction: column;
} }
.pricing-card.featured { .pricing-card.featured {
border-color: var(--accent); border-color: var(--accent);
background: linear-gradient(180deg, rgba(79, 142, 247, 0.06) 0%, var(--bg-card) 100%); background: linear-gradient(180deg, rgba(79, 142, 247, 0.06) 0%, var(--bg-card) 100%);
transform: scale(1.04); transform: scale(1.04);
} }
.pricing-perks {
list-style: none;
text-align: left;
margin: 14px 0 24px;
flex: 1;
}
.pricing-card .btn-block {
margin-top: auto;
}
.pricing-badge { .pricing-badge {
position: absolute; position: absolute;
top: -11px; top: -11px;