responsiveness

website/src/components/PageContent/PageContent.astro

@@ -16,9 +16,11 @@ const title = frontmatter.title;
 
 <article id="article" class="content">
   <section class="main-section">
-    <nav class="block sm:hidden">
+    <!-- TODO: add dropdown toc on mobile -->
+    <!--     <nav class="block sm:hidden mb-8">
+      <span>On this Page:</span>
       <TableOfContents client:media="(max-width: 50em)" headings={headings} />
-    </nav>
+    </nav> -->
     <div class="prose prose-invert max-w-full">
       <slot />
     </div>
@@ -27,7 +29,6 @@ const title = frontmatter.title;
     <MoreMenu editHref={githubEditUrl} />
   </nav>
 </article>
-
 <style>
   .content {
     padding: 0;
@@ -37,18 +38,4 @@ const title = frontmatter.title;
     display: flex;
     flex-direction: column;
   }
-
-  .content > section {
-    margin-bottom: 4rem;
-  }
-
-  .block {
-    display: block;
-  }
-
-  @media (min-width: 50em) {
-    .sm\:hidden {
-      display: none;
-    }
-  }
 </style>