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