Fix mobile responsiveness

ozgurozbek · May 11, 2023 · 6097675 · 6097675
1 parent 7aa16ff
commit 6097675
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 4 deletions.
diff --git a/assets/css/custom.css b/assets/css/custom.css
@@ -165,4 +165,14 @@ w3-button {
 
 #books section {
     padding: 2% 10% 2% 10%;
+}
+
+.page-content-responsive {
+    margin-left: auto; margin-right: auto; width: 70%;
+}
+
+@media (max-width: 1024px) {
+    .page-content-responsive {
+        width: 100%;
+    }
 }
diff --git a/dnd/dnd-lore.html b/dnd/dnd-lore.html
@@ -48,7 +48,7 @@
     </div>
 
     <div class="w3-container content pageinside">
-        <div style="margin-left: auto; margin-right: auto; width: 60%;">
+        <div class="page-content-responsive">
 
         <!-- Intro -->
         <div>

diff --git a/dnd/dnd-map.html b/dnd/dnd-map.html
@@ -27,7 +27,7 @@
     <div style="height: 2px; background-color: white"></div>
 
     <div class="w3-container content pageinside" style="width: 100%;">
-        <div style="margin-left: auto; margin-right: auto; width: 70%;">
+        <div class="page-content-responsive">
 
             <center>
                 <h1 id="map-resource-legend">Map Resource Legend</h1>

diff --git a/dnd/dnd-music.html b/dnd/dnd-music.html
@@ -24,7 +24,7 @@
     <div style="height: 2px; background-color: white"></div>
 
     <div class="w3-container content pageinside" style="width: 100%;">
-        <div style="margin-left: auto; margin-right: auto; width: 70%;">
+        <div class="page-content-responsive">
 
         <center><h1>Music with youtube links</h1></center>
         <input type="checkbox" id="wantDiscord"> Add *p for discord?

diff --git a/dnd/dnd-races.html b/dnd/dnd-races.html
@@ -69,7 +69,7 @@
   <div style="height: 2px; background-color: white"></div>
 
   <div class="w3-container content pageinside" style="width: 100%;">
-    <div style="margin-left: auto; margin-right: auto; width: 70%;">
+    <div class="page-content-responsive">
 
       <center>
         <h1>Official Races & Homebrew Addons</h1>