Skip to content

Commit aaf7593

Browse files
committed
better letter resizing on english page
1 parent 3cc6198 commit aaf7593

File tree

1 file changed

+10
-9
lines changed

1 file changed

+10
-9
lines changed

src/assets/styles/english.css

Lines changed: 10 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -7,13 +7,14 @@
77
font-size: 1rem;
88
place-items: center;
99
will-change: contents;
10-
overflow: hidden;
11-
12-
& .letter {
13-
grid-area: letter;
14-
font-size: clamp(30rem, 90vw, 70rem);
15-
height: min-content;
16-
color: var(--letter__txt--2);
17-
transition: color 0.5s ease-in;
18-
}
1910
}
11+
12+
.letter {
13+
font-size: min(100vw, 100vh);
14+
line-height: 1;
15+
text-align: center;
16+
margin: 0;
17+
padding: 0;
18+
color: var(--letter__txt--2);
19+
transition: color 0.5s ease-in;
20+
}

0 commit comments

Comments
 (0)