Skip to content

Commit ece4e1c

Browse files
committed
perf: reserve layout height for async sections to reduce CLS
Add min-height to taxonomy grids, hero numbers, and language strip so skeleton placeholders hold space before API data loads.
1 parent 8994bdc commit ece4e1c

1 file changed

Lines changed: 3 additions & 0 deletions

File tree

apps/web/index.html

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -186,6 +186,7 @@
186186
.numbers {
187187
display: flex;
188188
gap: 48px;
189+
min-height: 56px;
189190
}
190191

191192
.num-val {
@@ -207,6 +208,7 @@
207208
padding: 24px 0;
208209
border-bottom: 1px solid #f0f0f0;
209210
margin-bottom: 24px;
211+
min-height: 120px;
210212
}
211213

212214
.section-label {
@@ -272,6 +274,7 @@
272274
padding: 0 0 24px;
273275
border-bottom: 1px solid #f0f0f0;
274276
margin-bottom: 24px;
277+
min-height: 100px;
275278
}
276279

277280
.lang-row {

0 commit comments

Comments
 (0)