Merge pull request #8 from Priyatosh11/main

made website responsive for mobile screen

index.css

@@ -144,3 +144,50 @@ button {
     background-color: #031703;
     border-color: #285e8e;
 }
+
+@media only screen and (max-width: 600px) {
+    /* Adjust styles for small screens here */
+
+    .row {
+      flex-direction: column;
+    }
+
+    .navbar {
+      left: 0;
+      top: 0;
+      width: 100%;
+      text-align: center;
+    }
+
+    .logo {
+      left: 85%;
+    }
+
+    .column1,
+    .column2 {
+      flex: 100%;
+    }
+
+    .button-cls {
+      margin-left: 0;
+      width: 100%;
+    }
+
+    .footer {
+      position: relative;
+      height: 70px;
+      display: flex;
+      bottom: 0;
+    }
+
+    .Owner{
+        text-align:left;
+        justify-content: center;
+    }
+    .sm {
+      text-align:left;
+      left: 0;
+      width: 100%;
+      padding-left: 5px;
+    }
+  }

index.html

@@ -42,8 +42,9 @@
   <a href="#contact"><mark>Contact</mark></a>
   <a href="#about"><mark>About</mark></a>
 </div>
-
+<div class="logo1">
 <div class="logo"><button type="button" class="btn btn-dark" onclick="darkMode()">🌒</button>
+</div>
 </div>
 
     <div class="row">

style.css

@@ -208,4 +208,8 @@ table thead tr{
   background: #4AD489;
   color: #fff;
   transition: 0.5rem;
+}
+
+@media (max-width: 1445px){
+
 }