mobile css implemented

2020-04-29 16:16:15 +02:00 · 2020-04-29 16:16:15 +02:00 · 10acbd3b95
commit 10acbd3b95
parent d60b205b8d
1 changed files with 29 additions and 0 deletions
--- a/src/style.css
+++ b/src/style.css
@ -96,4 +96,33 @@ video {
    max-height: 600px;
    margin: auto;
    display: block;
+}
+
+@media(max-width: 600px) {
+    body {
+        font-size: 14px;
+    }
+
+    .nav-inner, main, .footer-inner {
+        width: auto;
+        margin: 0 8px;
+    }
+
+    video {
+        width: 100%;
+        margin: auto;
+        display: block;
+    }
+
+    .siema-slider, .slide-item {
+        height: 300px;
+    }
+
+    .footer-inner {
+        flex-direction: column;
+    }
+
+    .footer-other {
+        text-align: left;
+    }
 }