Add responsive

2022-04-07 17:37:13 +02:00
parent 2e47a55a09
commit 00ce8a9350
3 changed files with 12 additions and 2 deletions
--- a/index.html
+++ b/index.html
@@ -13,7 +13,7 @@
        <img src="title.gif">
    </div>
    <div id="mobile-title">
-        <img src="title.gif">
+        <img src="mobile-title.gif">
    </div>
    <div class="swiper">
        <div class="swiper-wrapper">
--- a/mobile-background.jpg
+++ b/mobile-background.jpg
--- a/style.css
+++ b/style.css
@@ -36,11 +36,21 @@ body {

@media screen and (max-width: 1024px) {

+    body {
+        background-image: url("./mobile-background.jpg");
+    }
+
    #title {
        display: none;
    }

    #mobile-title {
-        display: block;
+        display: flex;
+    }
+
+    .photo-container {
+        width: 300px;
+        height: 300px;
+        margin-left: 15vw;
    }
 }