add not resposive warninig

Siddharthmarko · Nov 24, 2023 · 817f6a3 · 817f6a3
1 parent 0027e2c
commit 817f6a3
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 0 deletions.
diff --git a/Portfolio/index.html b/Portfolio/index.html
@@ -8,6 +8,10 @@
     <link rel="stylesheet" href="style.css">
 </head>
 <body>
+    <h1 class="not-responsive">
+        This page is currently under development and may not be fully responsive. Please use a screen width greater than 1200px
+        for optimal viewing experience.
+    </h1>
     <div class="mouse"></div>
     <div class="portfolio">
         <div class="navigate">

diff --git a/Portfolio/style.css b/Portfolio/style.css
@@ -12,6 +12,9 @@ body {
     /* border: 1px solid white; */
     max-height: 500px;
 }
+.not-responsive {
+    display: none;
+}
 a {
     text-decoration: none;
 }
@@ -172,3 +175,15 @@ li {
 .box:hover .project-img > img { 
     border: 1px solid white;    
 }
+
+@media screen and (max-width: 1220px) {
+    body {
+        background-color: white;
+    }
+    .not-responsive {
+        display: block;
+    }
+    .portfolio {
+        display: none;
+    }
+}