From e59b55a53aa9636c83ecb952fadd0b61568000af Mon Sep 17 00:00:00 2001 From: Abhas Bhattacharya Date: Sat, 24 Mar 2018 05:47:27 +0530 Subject: [PATCH] Make font responsive bigger for most mobile devices at 320px --- src/Components/IsNiftyOpenApp/App.css | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/src/Components/IsNiftyOpenApp/App.css b/src/Components/IsNiftyOpenApp/App.css index 9707609..d2254f7 100644 --- a/src/Components/IsNiftyOpenApp/App.css +++ b/src/Components/IsNiftyOpenApp/App.css @@ -32,11 +32,17 @@ @media screen and (min-width: 321px) and (max-width: 425px) { .App { - font-size: 0.45em; + font-size: 0.5em; } } -@media screen and (max-width: 320px) { +@media screen and (min-width: 241px) and (max-width: 320px) { + .App { + font-size: 0.4em; + } +} + +@media screen and (max-width: 240px) { .App { font-size: 0.3em; }