Homepage Mobile Responsive

zmercury · Jun 21, 2023 · bb1e2ea · bb1e2ea
1 parent 1f51721
commit bb1e2ea
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -160,7 +160,7 @@ <h2 class="infoheading">Ram Kumar Nepal</h3>
                         <i class="fa fa-arrow-right" aria-hidden="true"></i>
                     </span>
                 </div>
-        </div>
+            </div>
         </div>
     </div>
 

diff --git a/style.css b/style.css
@@ -645,6 +645,30 @@ body {
     font-size: .9em !important;
 }
 
+
+@media only screen and (max-width: 600px) {
+    .principalInfoSection {
+        height: fit-content;
+    }
+
+    .principalInnerContainer {
+        flex-direction: column;
+    }
+
+    .principalInnerContainer > div {
+        width: 100%;
+        margin-bottom: 4em;
+    }
+
+    .principalInnerContainer > div:nth-child(1) {
+        margin-top: 4em;
+    }
+}
+
+
+
+
+
 .mapSection {
     width: 100%;