diff --git a/index.html b/index.html index a9a01b3..df1befa 100644 --- a/index.html +++ b/index.html @@ -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 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-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: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; } @@ -975,6 +981,7 @@ .services-layout { grid-template-columns: 1fr; } .solution-group { min-height: 0; padding: 24px; } .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 h3 { font-size: 29px; } .proof-grid { grid-template-columns: 1fr; }