added required styles

colinhacks · Nov 11, 2023 · 02c24c0 · 02c24c0
1 parent c4458ca
commit 02c24c0
Show file tree

Hide file tree

Showing 2 changed files with 1,822 additions and 34 deletions.
diff --git a/index.html b/index.html
@@ -92,14 +92,24 @@
       onload="this.onload=null;this.rel='stylesheet';"
     />
 
-    <style>
-      .markdown-section {
-        max-width: 720px;
-      }
+  <style>
+   body {
+    margin: 0; /* Remove default body margin */
+    padding: 0; /* Remove default body padding */
+    font-family: Arial, sans-serif; /* Set a default font family */
+  }
+  .markdown-section {
+    max-width: 100%; /* Allow the content to stretch to the full width */
+    margin: 0 auto; /* Center the content on the page */
+    box-sizing: border-box; /* Include padding and border in the element's total width and height */
+    padding: 20px; /* Add padding for better readability, adjust as needed */
+  }
 
-      p > img {
-        height: 200px;
-      }
+  p > img {
+    max-width: 100%; /* Ensure images are responsive within the content */
+    height: auto;
+  }
+
       .markdown-section h2 {
         padding: 40px 0px 10px 0px;
         border-bottom: 1px solid #dbdbdb;
@@ -132,16 +142,21 @@
         cursor: pointer;
         z-index: 100;
       }
-    </style>
+      @media only screen and (max-width: 768px) {
+    .markdown-section {
+      padding: 10px; /* Adjust padding for smaller screens */
+    }
+  }
+  </style>
     <!-- Theme: dark -->
     <style>
-      .dark,
-      .dark .sidebar,
-      .dark blockquote,
-      .dark .sidebar a {
-        background-color: #283339;
-        color: #d3d3d3;
-      }
+        .dark,
+  .dark .sidebar,
+  .dark blockquote,
+  .dark .sidebar a {
+    background-color: #283339;
+    color: #d3d3d3;
+  }
 
       .dark .sidebar::-webkit-scrollbar-thumb {
         background: hsla(0, 0%, 88%, 0.4);
@@ -202,6 +217,9 @@
         background-image: url("./static/sun.svg");
       }
     </style>
+
+
+
   </head>
 
   <body>