From dacf8caecf27cee85f47313933f5b095633b5979 Mon Sep 17 00:00:00 2001 From: filifa Date: Thu, 11 Dec 2025 23:49:34 -0500 Subject: [PATCH] adapt for small screens --- index.html | 12 +++++++----- styles.css | 27 +++++++++++++++++++++++---- 2 files changed, 30 insertions(+), 9 deletions(-) diff --git a/index.html b/index.html index d7cba96..9f4bc4d 100644 --- a/index.html +++ b/index.html @@ -8,12 +8,14 @@
- - +
+ + -
- - +
+ + +
diff --git a/styles.css b/styles.css index cf745f0..c577966 100644 --- a/styles.css +++ b/styles.css @@ -7,13 +7,32 @@ label[for="expr"] { display: none; } -#expr { +#input-row { grid-column: 1 / 5; + display: flex; + flex-flow: wrap; } -#modulus-row { - grid-column: 1 / 5; - text-align: right; +#expr { + flex: 4 auto; + min-width: 0; +} + +#modulus-box { + flex: auto; + display: flex; + flex-flow: wrap; + justify-content: end; + min-width: 0; +} + +#modulus-label { + flex: initial; +} + +#modulus { + flex: auto; + min-width: 0; } #result {