chris/flashCards
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Reserve answer display space to stop keypad shifting

Browse Source
This commit is contained in:
chris 2025-11-22 20:49:19 -05:00
parent 8ff2198774
commit 62c1dafa05
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
style.css
View File

@ -317,7 +317,8 @@
.progress-fill { height: 100%; background: linear-gradient(90deg, var(--burgundy), var(--gold)); width: 0%; transition: width 0.5s; } .progress-fill { height: 100%; background: linear-gradient(90deg, var(--burgundy), var(--gold)); width: 0%; transition: width 0.5s; }
.equation { font-size: 3.5rem; margin: 5px 0; min-height: 60px; } .equation { font-size: 3.5rem; margin: 5px 0; min-height: 60px; }
#answer-display { font-size: 2.5rem; height: 50px; border-bottom: 3px solid var(--burgundy); width: 80%; margin: 0 auto 10px; color: #fffdf2; display: flex; align-items: center; justify-content: center; } #answer-display { font-size: clamp(2rem, 6vw, 2.5rem); line-height: 1.1; height: 52px; border-bottom: 3px solid var(--burgundy); width: 80%; margin: 0 auto 10px; color: #fffdf2; display: flex; align-items: center; justify-content: center; position: relative; }
#answer-display::after { content: '8888'; opacity: 0; pointer-events: none; }
.equation, #answer-display { .equation, #answer-display {
color: #fffdf2; color: #fffdf2;