Merge pull request #1 from abhijit-23blaze/changes_that_I_am_worried_…

…will_crash_the_site Changes that i am worried will crash the site
abhijit-23blaze · Mar 24, 2024 · dcd03dc · dcd03dc
2 parents 2432044 + 8b87b78
commit dcd03dc
Show file tree

Hide file tree

Showing 2 changed files with 68 additions and 14 deletions.
diff --git a/index.html b/index.html
@@ -7,7 +7,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-  <title>CodePen - Navbar Pure CSS</title>
+  <title>InsIIITS</title>
   <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css'>
   <link rel="stylesheet" href="style.css">
   <link rel="stylesheet" href="meh.css">

diff --git a/meh.css b/meh.css
@@ -45,18 +45,7 @@ body {
     height: auto;
   }
 
-  @media only screen and (max-width: 680px) {
-    .image-grid {
-      display: grid;
-      grid-template-columns: 1fr 1fr;
-      grid-gap: 50px;
-      width: 400px;
-      position: absolute;
-      top: 1000px;
-      padding-left: 500px;
-    }
-}
-
+
 
 
     .icons {
@@ -286,4 +275,69 @@ body {
     }
     .support a:hover {
       color: rgba(200, 200, 200, 0.85);
-    }
+    }
+
+    @media only screen and (max-width: 680px) {
+      .image-grid {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        grid-gap: 50px;
+        width: 400px;
+        position: absolute;
+        top: 1000px;
+        padding-left: 500px;
+      }
+      .container .text {
+        position: absolute;
+        top: 0%;
+        font-size: 3rem;
+        font-family: "Bebas Neue";
+        font-weight: bold;
+        -webkit-text-stroke: 0.3px #000000;
+        letter-spacing: 1px;
+        user-select: none;
+        pointer-events: none;
+    }
+    .container .text-container, .container .shadow-container {
+      position: relative;
+      top: 5%;
+      left: 5%;
+      width: 7%;
+      /* height: 10%; */
+      /* padding-top: 80px; */
+        /* padding-left: 10px; */
+
+      }
+      .container {
+        position: relative;
+        padding-top: 80px;
+        padding-left: 25%;
+        height: auto;
+      } 
+
+
+
+
+       #nav-bar{
+        display: none;
+       }
+       .image-grid {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        grid-gap: 10px;
+        width: 200px;
+        position: absolute;
+        top: 150px;
+        padding-left: 5% ;
+        }
+        /* .image-grid {
+          display: grid;
+          grid-template-columns: 1fr 1fr;
+          grid-gap: 50px;
+          width: 400px;
+          position: absolute;
+          top: 100px;
+          padding-left: 5%;
+        } */
+      }
+