started to fix responsive

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

Hide file tree

Showing 4 changed files with 15 additions and 13 deletions.
diff --git a/src/components/Main.jsx b/src/components/Main.jsx
@@ -57,7 +57,7 @@ function Main() {
           <div className={"item1-fourth-container"}>
               <motion.img src={item1} className={"item1-fourth"}
                           initial={{x: 300, opacity: 0.5, scale: 1, rotate: 90}}
-                          animate={{x: 0, opacity: 1, scale: 1, rotate: 90}}
+                          animate={{x: -29, opacity: 1, scale: 1, rotate: 90}}
                           transition={{duration: 2}}
 
               ></motion.img>

diff --git a/src/pages/Site.jsx b/src/pages/Site.jsx
@@ -6,12 +6,13 @@ import Lights from "../components/Lights";
 
 
 function Site(){
-    return(<>
-         <Main/>
-        <Desc/>
-        <Son/>
-        <Lights/>
-        <Footer/>
+    return(
+        <>
+            <Main/>
+            <Desc/>
+            <Son/>
+            <Lights/>
+            <Footer/>
         </>
     );
 }

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

diff --git a/src/style/Main.css b/src/style/Main.css
@@ -75,12 +75,13 @@
 /* iPads (portrait and landscape) ----------- */
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
 
+
      .image-flyht{
     position: absolute;;
     top: -1%;
-    right: 2em;
     width: 20vmin;
     height: 20vmin;
+    margin-right: -1em;
      }
     .item5-first{
         width: 20%;
@@ -121,11 +122,10 @@
     top: -5%;
     left: 3em;
 }
+
     .item1-fourth {
-  transform: rotate(90deg);
-  position: absolute;
-  right: 2em;
-    bottom: 0.1vmin;
-}
+      transform: rotate(90deg);
+      position: absolute;
+    }
 
 }