From c9687d9f08e817273dc3675c6bbf11b91369396b Mon Sep 17 00:00:00 2001 From: Joel Berglund Date: Wed, 11 Dec 2024 21:47:37 +0100 Subject: [PATCH 1/2] for phone --- css/main.css | 17 +++++++++++++++++ css/main.css.map | 2 +- css/scss/main.scss | 17 +++++++++++++++++ 3 files changed, 35 insertions(+), 1 deletion(-) diff --git a/css/main.css b/css/main.css index 8cf35a1..f720b4d 100644 --- a/css/main.css +++ b/css/main.css @@ -107,6 +107,23 @@ button:hover { margin-left: 0em; margin-right: 0em; } + .answer-btn { + font-size: 1em; + padding: 0.5em 1.5em 0.5em 1.5em; + } +} +@media (width < 20em) { + .question-grid { + margin-left: 0em; + margin-right: 0em; + } + .header-h1 { + font-size: 1.25em; + } + .question-grid { + grid-template-columns: repeat(1, 1fr); + gap: 0.75em 0.5em; + } } /*# sourceMappingURL=main.css.map */ diff --git a/css/main.css.map b/css/main.css.map index 10aca30..fdf64b3 100644 --- a/css/main.css.map +++ b/css/main.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["scss/main.scss"],"names":[],"mappings":"AAaA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE,OAXM;;;AAcR;EACE,kBAhBM;;;AAmBR;EACE,OApBM;;;AAuBR;EACE,OAvBM;EAwBN;EACA;;;AAEF;EACE,OA7BM;EA8BN,kBAtCc;EAuCd;EACA;EACA;EACA;;;AAEF;EACE;;;AAGF;EACE,kBAjDc;EAkDd,OA1CM;EA2CN;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAIF;EACE;;;AAGF;EACE,kBAzGc;;;AA4GhB;EACE;IACE;IACA;;;AAIJ;EACE;IACE;IACA","file":"main.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["scss/main.scss"],"names":[],"mappings":"AAaA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE,OAXM;;;AAcR;EACE,kBAhBM;;;AAmBR;EACE,OApBM;;;AAuBR;EACE,OAvBM;EAwBN;EACA;;;AAEF;EACE,OA7BM;EA8BN,kBAtCc;EAuCd;EACA;EACA;EACA;;;AAEF;EACE;;;AAGF;EACE,kBAjDc;EAkDd,OA1CM;EA2CN;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAIF;EACE;;;AAGF;EACE,kBAzGc;;;AA4GhB;EACE;IACE;IACA;;;AAIJ;EACE;IACE;IACA;;EAEF;IACE;IACA;;;AAGJ;EACE;IACE;IACA;;EAEF;IACE;;EAEF;IACE;IACA","file":"main.css"} \ No newline at end of file diff --git a/css/scss/main.scss b/css/scss/main.scss index 60feca8..12370fa 100644 --- a/css/scss/main.scss +++ b/css/scss/main.scss @@ -118,4 +118,21 @@ button:hover { margin-left: 0em; margin-right: 0em; } + .answer-btn { + font-size: 1em; + padding: .5em 1.5em .5em 1.5em; + } } +@media (width < 20em) { + .question-grid { + margin-left: 0em; + margin-right: 0em; + } + .header-h1 { + font-size: 1.25em; + } + .question-grid { + grid-template-columns: repeat(1, 1fr); + gap: .75em .5em; + } +} \ No newline at end of file From 9ce0f08e07513b619ea7b9aaf56b9c0e7ecd9505 Mon Sep 17 00:00:00 2001 From: Joel Berglund Date: Wed, 11 Dec 2024 21:51:47 +0100 Subject: [PATCH 2/2] marigins --- css/main.css | 12 ++++++------ css/main.css.map | 2 +- css/scss/main.scss | 13 +++++++------ 3 files changed, 14 insertions(+), 13 deletions(-) diff --git a/css/main.css b/css/main.css index f720b4d..caa13b3 100644 --- a/css/main.css +++ b/css/main.css @@ -98,14 +98,15 @@ button:hover { @media (width < 45em) { .question-grid { - margin-left: 1em; - margin-right: 1em; + margin: 0 1em; } } @media (width < 35em) { .question-grid { - margin-left: 0em; - margin-right: 0em; + margin: 0 0.5em; + } + .header-h1 { + margin: 0 0.5em; } .answer-btn { font-size: 1em; @@ -114,8 +115,7 @@ button:hover { } @media (width < 20em) { .question-grid { - margin-left: 0em; - margin-right: 0em; + margin: 0 0.5em; } .header-h1 { font-size: 1.25em; diff --git a/css/main.css.map b/css/main.css.map index fdf64b3..81bce52 100644 --- a/css/main.css.map +++ b/css/main.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["scss/main.scss"],"names":[],"mappings":"AAaA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE,OAXM;;;AAcR;EACE,kBAhBM;;;AAmBR;EACE,OApBM;;;AAuBR;EACE,OAvBM;EAwBN;EACA;;;AAEF;EACE,OA7BM;EA8BN,kBAtCc;EAuCd;EACA;EACA;EACA;;;AAEF;EACE;;;AAGF;EACE,kBAjDc;EAkDd,OA1CM;EA2CN;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAIF;EACE;;;AAGF;EACE,kBAzGc;;;AA4GhB;EACE;IACE;IACA;;;AAIJ;EACE;IACE;IACA;;EAEF;IACE;IACA;;;AAGJ;EACE;IACE;IACA;;EAEF;IACE;;EAEF;IACE;IACA","file":"main.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["scss/main.scss"],"names":[],"mappings":"AAaA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE,OAXM;;;AAcR;EACE,kBAhBM;;;AAmBR;EACE,OApBM;;;AAuBR;EACE,OAvBM;EAwBN;EACA;;;AAEF;EACE,OA7BM;EA8BN,kBAtCc;EAuCd;EACA;EACA;EACA;;;AAEF;EACE;;;AAGF;EACE,kBAjDc;EAkDd,OA1CM;EA2CN;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAIF;EACE;;;AAGF;EACE,kBAzGc;;;AA4GhB;EACE;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;EAEF;IACE;IACA;;;AAGJ;EACE;IACE;;EAGF;IACE;;EAEF;IACE;IACA","file":"main.css"} \ No newline at end of file diff --git a/css/scss/main.scss b/css/scss/main.scss index 12370fa..5a552ca 100644 --- a/css/scss/main.scss +++ b/css/scss/main.scss @@ -108,15 +108,16 @@ button:hover { @media (width < 45em) { .question-grid { - margin-left: 1em; - margin-right: 1em; + margin: 0 1em; } } @media (width < 35em) { .question-grid { - margin-left: 0em; - margin-right: 0em; + margin: 0 .5em; + } + .header-h1 { + margin: 0 .5em; } .answer-btn { font-size: 1em; @@ -125,8 +126,8 @@ button:hover { } @media (width < 20em) { .question-grid { - margin-left: 0em; - margin-right: 0em; + margin: 0 .5em; + } .header-h1 { font-size: 1.25em;