From 644ae59d35d51f5042904dcb9b8e2d330cc79fc1 Mon Sep 17 00:00:00 2001
From: ankthba <anikethdb1@gmail.com>
Date: Sun, 1 Sep 2024 14:06:17 -0400
Subject: [PATCH] temporary fix for mobile screens

---
 about.html | 36 ++++++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)

diff --git a/about.html b/about.html
index dae338d..84cdff0 100644
--- a/about.html
+++ b/about.html
@@ -24,6 +24,42 @@
         <!-- Template Main CSS File -->
         <link href="assets/css/style.css" rel="stylesheet">
 
+        <!-- Updated inline CSS for mobile responsiveness -->
+        <style>
+            @media screen and (max-width: 768px) {
+                body, html {
+                    background-color: black; /* Black background */
+                    color: white; /* White text */
+                    height: auto;
+                    overflow-y: auto;
+                    margin: 0; /* Remove default margin */
+                    padding: 0; /* Remove default padding */
+                }
+                .header, .footer1 {
+                    position: static !important; /* Ensure header and footer are static */
+                    text-align: center; /* Center header and footer text */
+                }
+                .beg, .beg-part {
+                    width: 100% !important; /* Full width for mobile */
+                    padding: 0; /* Remove padding */
+                    margin: 0; /* Remove margin */
+                    display: block !important; /* Stack content vertically */
+                }
+                .beg-head, .beg-head2, .beg-head3,
+                .beg-text, .beg-text2, .beg-text3,
+                .first, .second, .third,
+                .first1, .second1, .third1, .fourth1 {
+                    color: white !important; /* Ensure text is white */
+                    display: block !important; /* Stack headings and text */
+                    margin-bottom: 15px; /* Space between elements */
+                    font-size: inherit; /* Use default font size */
+                }
+                .img-wrapper, .phone, .animated-line {
+                    display: none !important; /* Hide unnecessary elements */
+                }
+            }
+        </style>
+
         <!-- Link Javascript to HTML -->
         <script src="assets/js/main.js"></script>