From 4e41f68a469996471a97448e634fbacac772bc76 Mon Sep 17 00:00:00 2001 From: Arco Mul Date: Mon, 27 Dec 2021 12:29:09 +0100 Subject: [PATCH 1/2] Make page responsive for mobile devices --- tinysearchengine/static/index.css | 13 ++++++++----- tinysearchengine/static/index.html | 5 +++-- 2 files changed, 11 insertions(+), 7 deletions(-) diff --git a/tinysearchengine/static/index.css b/tinysearchengine/static/index.css index bceaa9d..2749e1e 100644 --- a/tinysearchengine/static/index.css +++ b/tinysearchengine/static/index.css @@ -3,8 +3,11 @@ html { background: #dcdced; } +body { + font-size: 1.2rem; +} + p { - font-size: 25px; width: 100%; white-space: nowrap; overflow: hidden; @@ -19,11 +22,11 @@ div { .url { margin-top: 0px; - font-size: 20px; } -#container { - width: 1024px; +.container { + width: 100%; + max-width: 1024px; margin: 0 auto; } @@ -34,7 +37,7 @@ div { outline: none; - font-size: 50px; + font-size: inherit; border: 2px solid #ccc; border-width: 4px; diff --git a/tinysearchengine/static/index.html b/tinysearchengine/static/index.html index 3eb7d76..8ab2c2e 100644 --- a/tinysearchengine/static/index.html +++ b/tinysearchengine/static/index.html @@ -1,7 +1,8 @@ -Stoatally Different + Stoatally Different + -
+
From e773ff68e5952a0f799cd3a69b42876bf45fa5c5 Mon Sep 17 00:00:00 2001 From: Arco Mul Date: Mon, 27 Dec 2021 12:36:10 +0100 Subject: [PATCH 2/2] Decrease font-size of url so that the title stands out more --- tinysearchengine/static/index.css | 1 + 1 file changed, 1 insertion(+) diff --git a/tinysearchengine/static/index.css b/tinysearchengine/static/index.css index 2749e1e..d6e2348 100644 --- a/tinysearchengine/static/index.css +++ b/tinysearchengine/static/index.css @@ -22,6 +22,7 @@ div { .url { margin-top: 0px; + font-size: 1rem; } .container {