Add mobile styling

2024-03-20 12:31:55 +01:00
parent 04b4a3b3e5
commit 5b9dc7c7f3
26 changed files with 828 additions and 128 deletions
--- a/resources/assets/sass/components/_header.scss
+++ b/resources/assets/sass/components/_header.scss
@@ -1,10 +1,37 @@
 .header {
  height: 110px;
+  .logo {
+    float: left;
+    margin-top: 18px;
+    img {
+      height: 75px;
+    }
+  }
+  .advertisement {
+    float: right;
+    width: 728px;
+    height: 90px;
+  }
 }
-.header .logo {
-  float: left;
-  margin-top: 18px;
+
+@media (max-width: 1170px) {
+  .header {
+    padding: 0 20px;
+  }
 }
-.header .logo img {
-  height: 75px;
+@media (max-width: 980px) {
+  .header {
+    height: 212px;
+    .logo {
+      float: none;
+    }
+    .advertisement {
+      float: none;
+    }
+  }
+}
+@media (max-width: 768px) {
+  .header_container {
+    display: none;
+  }
 }