bendtherules/is-nifty-open
1
0
Fork 0
mirror of https://github.com/bendtherules/is-nifty-open.git synced 2026-08-18 13:52:20 +00:00
Code Issues 20 Packages Projects Releases Wiki Activity

Make responsive text and update todo

Browse Source
This commit is contained in:
bendtherules
2018-03-12 15:42:13 +05:30
parent e69c2d56a4
commit 472d197316
2 changed files with 40 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/Components/IsNiftyOpenApp/App.css
+39 -1
View File
@@ -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%;
}
}