Improve Resposiveness in mobile view

Prajwal0225 · Oct 23, 2023 · 0a8320f · 0a8320f
1 parent e9fb48b
commit 0a8320f
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 1 deletion.
diff --git a/about.html b/about.html
@@ -142,7 +142,7 @@ <h2>Is it free to use?</h2><br>
         </div>
 
         <div class="wr">
-            <p> HACKTOBERFEST!!</p>
+            <p class="wr-head"> HACKTOBERFEST!!</p>
             <p>Hacktoberfest is DigitalOcean’s annual event that encourages people to contribute to open source
               throughout October. Much of modern tech infrastructure-including some of DigitalOcean’s own
               products-relies on open-source projects built and maintained by passionate people who often don’t have

diff --git a/abt.css b/abt.css
@@ -258,4 +258,36 @@ nav.stroke ul li a:hover:after {
     width:21.4rem;
     margin-top: 1rem;
   }
+
+  .l-container{
+    display: flex;
+    flex-direction: column;
+  }
+
+  .mainpic1 {
+    width: 80vw;
+    margin: 48px auto;
+  }
+
+  .l-container{
+    display: flex;
+    flex-direction: column;
+    text-align: center;
+    margin:0 5%;
+    min-width: 330px;
+  }
+
+  .mainpic1 {
+    width: 95%;
+    margin: 48px auto;
+  }
+
+  .wr {
+    margin: 1rem;
+    text-align: center;
+  }
+
+  .wr-head{
+    font-size: 1.3rem;
+  }
 }