fix: align solution cards
This commit is contained in:
+8
-1
@@ -707,7 +707,13 @@
|
|||||||
.solution-group-code { display: block; margin-bottom: 28px; color: var(--solution-accent, var(--cyan)); font: 650 10px/1 var(--mono); letter-spacing: .12em; }
|
.solution-group-code { display: block; margin-bottom: 28px; color: var(--solution-accent, var(--cyan)); font: 650 10px/1 var(--mono); letter-spacing: .12em; }
|
||||||
.solution-group h3 { margin-bottom: 12px; color: var(--white); font-size: 34px; line-height: 1.2; letter-spacing: -.04em; }
|
.solution-group h3 { margin-bottom: 12px; color: var(--white); font-size: 34px; line-height: 1.2; letter-spacing: -.04em; }
|
||||||
.solution-group-desc { margin-bottom: 0; color: var(--text-soft); font-size: 14px; line-height: 1.7; }
|
.solution-group-desc { margin-bottom: 0; color: var(--text-soft); font-size: 14px; line-height: 1.7; }
|
||||||
.solution-items { display: grid; gap: 10px; margin-top: auto; }
|
.solution-items {
|
||||||
|
display: grid;
|
||||||
|
flex: 1;
|
||||||
|
grid-template-rows: repeat(3, minmax(min-content, 1fr));
|
||||||
|
gap: 10px;
|
||||||
|
margin-top: auto;
|
||||||
|
}
|
||||||
.solution-item { padding: 17px 18px 18px; border: 1px solid var(--line); border-radius: var(--radius-md); background: rgba(0, 0, 0, .13); transition: transform .25s var(--ease), border-color .25s ease, background .25s ease; }
|
.solution-item { padding: 17px 18px 18px; border: 1px solid var(--line); border-radius: var(--radius-md); background: rgba(0, 0, 0, .13); transition: transform .25s var(--ease), border-color .25s ease, background .25s ease; }
|
||||||
.solution-item:hover { transform: translateX(4px); border-color: color-mix(in srgb, var(--solution-accent, var(--cyan)) 42%, transparent); background: rgba(255, 255, 255, .045); }
|
.solution-item:hover { transform: translateX(4px); border-color: color-mix(in srgb, var(--solution-accent, var(--cyan)) 42%, transparent); background: rgba(255, 255, 255, .045); }
|
||||||
.solution-item-code { display: block; margin-bottom: 15px; color: var(--solution-accent, var(--cyan)); font: 700 10px/1 var(--mono); letter-spacing: .12em; }
|
.solution-item-code { display: block; margin-bottom: 15px; color: var(--solution-accent, var(--cyan)); font: 700 10px/1 var(--mono); letter-spacing: .12em; }
|
||||||
@@ -975,6 +981,7 @@
|
|||||||
.services-layout { grid-template-columns: 1fr; }
|
.services-layout { grid-template-columns: 1fr; }
|
||||||
.solution-group { min-height: 0; padding: 24px; }
|
.solution-group { min-height: 0; padding: 24px; }
|
||||||
.solution-group-head { min-height: 0; margin-bottom: 28px; }
|
.solution-group-head { min-height: 0; margin-bottom: 28px; }
|
||||||
|
.solution-items { flex: none; grid-template-rows: none; }
|
||||||
.solution-group-code { margin-bottom: 20px; }
|
.solution-group-code { margin-bottom: 20px; }
|
||||||
.solution-group h3 { font-size: 29px; }
|
.solution-group h3 { font-size: 29px; }
|
||||||
.proof-grid { grid-template-columns: 1fr; }
|
.proof-grid { grid-template-columns: 1fr; }
|
||||||
|
|||||||
Reference in New Issue
Block a user