diff --git a/src/Components/IsNiftyOpenApp/App.css b/src/Components/IsNiftyOpenApp/App.css index 3f4e779..5297d43 100644 --- a/src/Components/IsNiftyOpenApp/App.css +++ b/src/Components/IsNiftyOpenApp/App.css @@ -1,3 +1,41 @@ +/* Make responsive by adjusting master text-size em */ + +@media screen and (min-device-width: 1441px) { + .App { + font-size: 2.25em; + } +} + +@media screen and (min-device-width: 1025px) and (max-device-width: 1440px) { + .App { + font-size: 1.5em; + } +} + +@media screen and (min-device-width: 769px) and (max-device-width: 1024px) { + .App { + font-size: 1.2em; + } +} + +@media screen and (min-device-width: 601px) and (max-device-width: 768px) { + .App { + font-size: 0.9em; + } +} + +@media screen and (min-device-width: 426px) and (max-device-width: 600px) { + .App { + font-size: 0.6em; + } +} + +@media screen and (min-device-width: 320px) and (max-device-width: 425px) { + .App { + font-size: 0.45em; + } +} + .App { width: 100%; height: 100%; @@ -6,4 +44,4 @@ .App .OpenToday-container { width: 100%; height: 100%; -} +} \ No newline at end of file diff --git a/todo.md b/todo.md index b3c6ad6..3657169 100644 --- a/todo.md +++ b/todo.md @@ -3,7 +3,7 @@ 3. [X] Add favicon, title, meta 4. [X] Build at netlify.com 8. [X] Host at isnifty.com -3. Make responsive - text +3. [X] Make responsive - text 4. Fix favicon not coming (look into serviceworker) 2. Make opentoday to openXDay and move current day logic outside it 4. Add 2 more bottom sections