From 8fa6128089d4c11a9d84f6448a7faa49148ca4f8 Mon Sep 17 00:00:00 2001 From: filifa Date: Thu, 11 Dec 2025 23:49:34 -0500 Subject: [PATCH] make things bigger --- styles.css | 16 +++++++++++++++- 1 file changed, 15 insertions(+), 1 deletion(-) diff --git a/styles.css b/styles.css index 4311665..a0ceaeb 100644 --- a/styles.css +++ b/styles.css @@ -1,6 +1,7 @@ #calculator { display: grid; grid-template-columns: repeat(4, 1fr); + gap: 0.3rem; } label[for="expr"] { @@ -16,6 +17,7 @@ label[for="expr"] { #expr { flex: 4 auto; min-width: 0; + font-size: xx-large; } #modulus-box { @@ -28,36 +30,47 @@ label[for="expr"] { #modulus-label { flex: initial; + font-size: xx-large; + margin: auto 0.3rem; } #modulus { flex: auto; min-width: 0; + font-size: xx-large; } #result { grid-column: 1 / 5; border: 1px solid gray; text-align: right; - min-height: 1.5em; + min-height: 1lh; + font-size: xx-large; +} + +button { + font-size: xx-large; } #extra-buttons { grid-column: 1 / 5; display: grid; grid-template-columns: subgrid; + gap: inherit; } #main-buttons { grid-column: 1 / 5; display: grid; grid-template-columns: subgrid; + gap: inherit; } #numerals { grid-column: 1 / 4; display: grid; grid-template-columns: subgrid; + gap: inherit; } #backspace { @@ -69,4 +82,5 @@ label[for="expr"] { grid-row: 1 / 3; display: grid; grid-template-columns: subgrid; + gap: inherit; }