2022-10-11 11:55:09 +00:00
1 changed files with 27 additions and 0 deletions
--- a/styles/main.css
+++ b/styles/main.css
@ -1,3 +1,4 @@
+/*Header*/
 * {
    margin: 0;
    box-sizing: border-box;
@ -15,3 +16,29 @@

    padding: 30px 0;
 }
+
+/*Main Banner*/
+.main-banner {
+    width: 100%;
+}
+
+.main-banner-desktop {
+    display: block;
+}
+
+.main-banner-mobile {
+    display: none;
+}
+
+@media screen and (max-width: 1024px) {
+    /*Banner*/
+    .main-banner-desktop {
+        display: none;
+    }
+
+    .main-banner-mobile {
+        display: block;
+        max-height: 598px;
+        object-fit: cover;
+    }
+}