add media query for small screens

2021-04-10 00:29:23 +02:00
parent f81b655128
commit e3d4063b38
1 changed files with 26 additions and 1 deletions
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -155,4 +155,29 @@ footer {
 	padding-top:20px;
 	padding-left: 20px;
 	padding-right: 20px;
-}
+}
+
+
+@media screen and (max-width: 780px) {
+	.screen {
+		position: unset !important;
+		width: 100% !important;
+	}
+	.screen-image { display: none; }
+	.screen-content { 
+		position: unset !important; 
+		top: 0px !important; 
+		left: 0px !important;
+		width: auto !important;
+		
+	}
+	.headline, .title, .meta, .content, nav, nav a {
+		font-size: 0.5rem; 
+	}
+	h1, h2, h3, h4, h5, h6 {
+		font-size: 0.8rem !important;
+	}
+	.crt-flicker, .crt-scanlines { 
+		display: none !important; 
+	}
+}