diff --git a/index.html b/index.html
index 0d9495c..c6da48b 100644
--- a/index.html
+++ b/index.html
@@ -7,7 +7,7 @@
-
CodePen - Navbar Pure CSS
+ InsIIITS
diff --git a/meh.css b/meh.css
index 163b8ff..6ed3086 100644
--- 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);
- }
\ No newline at end of file
+ }
+
+ @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%;
+ } */
+ }
+
\ No newline at end of file