started to fix responsive

Decibels-UTC · Jan 29, 2024 · 9a402a5 · 9a402a5
1 parent 6375095
commit 9a402a5
Show file tree

Hide file tree

Showing 5 changed files with 52 additions and 5 deletions.
diff --git a/src/pages/Site.jsx b/src/pages/Site.jsx
@@ -11,8 +11,7 @@ function Site(){
             <Main/>
             <Desc/>
             <Son/>
-            <Lights/>
-            <Footer/>
+
         </>
     );
 }

diff --git a/src/style/App.css b/src/style/App.css
@@ -3,7 +3,6 @@ body{
   color: beige;
   overflow-x: hidden;
   opacity: 1;
-  overflow: hidden;
 }
 ::-webkit-scrollbar {
 display: none;

diff --git a/src/style/Desc.css b/src/style/Desc.css
@@ -133,8 +133,9 @@ position:relative;
 
     .place-holder-img{
         position:relative;
-        left: 40%;
-        margin-bottom: 20%;
+        left: 50%;
+        margin-top: -55%;
+        width: 50%;
     }
 
     .img-placeholder{
@@ -143,6 +144,38 @@ position:relative;
     width: auto;
     }
 
+    .onde3-desc1{
+        position: relative;
+        z-index: 0;
+        width: 30%;
+        margin-top: -22%;
+        margin-left: 22%;
+    }
+    .onde3-desc2{
+
+        position: relative;
+        z-index: 0;
+        width: 30%;
+        margin-top: -22%;
+        margin-left: 22%;
+
+    }
+    .onde3-desc3{
+        position: relative;
+        z-index: 0;
+        width: 30%;
+        margin-top: -22%;
+        margin-left: 22%;
+    }
+
+    .onde5-desc{
+        position: absolute;
+        z-index: 0;
+        width: 35%;
+        margin-top: 6em;
+        left: 7%;
+    }
+
 
 }
 

diff --git a/src/style/Legals.css b/src/style/Legals.css
@@ -2,6 +2,7 @@
     text-align: center;
     align-items: center;
     align-content: center;
+    padding-bottom: 1em;
 }
 
 .text-middle-legals{
@@ -11,6 +12,7 @@
     margin-left: 25%;
     margin-right: auto;
     z-index: 2;
+    padding-bottom: 20%;
 }
 
 .div-son-legals{
@@ -33,4 +35,9 @@
     width: 35%;
     height: auto;
     margin: 1%;
+}
+
+@media only screen and (min-device-width : 0px) and (max-device-width : 1024px) {
+
+
 }
diff --git a/src/style/Son.css b/src/style/Son.css
@@ -51,6 +51,15 @@
     }
 
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
+    .son{
+        position: absolute;
+        margin-left: 13em;
+        margin-top: -30em;
+        width: 80%;
+        height: auto;
+    }
+
+
 
 
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -11,8 +11,7 @@ function Site(){ @@
                 <Main/>
                 <Desc/>
                 <Son/>
-                <Lights/>
-                <Footer/>
             </>
         );
     }
@@ Expand Down @@