Alignments (#47)

# Description

Please include a summary of the changes and the related issue. Please
also include relevant motivation and context.

- Closes # (issue)

## Screenshot(s)

Including screenshots helps reviewers know what to expect.

## Type of change

Please delete options that are not relevant.

- [x] Bug fix (non-breaking change which fixes an issue)
- [ ] Content Change (Required approval in Slack: `#frequency-xyz` and
remember that changes along the way trigger
      re-approval.)
  - [ ] Approved HE (Required for technical wording)
  - [ ] Approved CM
  - [ ] Approved UO
- [ ] New Feature
- [ ] CI/Dependencies/etc...
- [ ] Other

# How to Test?

Please describe how to test that you ran to verify your changes. Provide
instructions so we can reproduce. Please also
list any relevant details for your test configuration

1. Pull and run locally
2. Go to
3. See that

# Checklist:

- [x] I have performed a self-review of my code
- [ ] I have commented my code & PR, particularly in hard-to-understand
areas
- [ ] I have checked at all the breakpoints to make sure it works on all
screen sizes

---------

Co-authored-by: Wil Wade <wil.wade@amplica.io>

src/components/Header/Header.svelte

@@ -9,7 +9,7 @@
 
   const menuItems = [
     { label: 'About', href: '/' },
-    { label: 'Dev Docs', href: 'https://docs.frequency.xyz/', isExternal: true },
+    { label: 'Dev Docs', href: '/docs', isExternal: false },
     { label: 'Newsroom', href: 'https://medium.com/one-frequency', isExternal: true },
     { label: 'Contact', href: 'mailto:info@frequency.xyz' },
   ];

src/routes/docs/components/DocsMain.svelte

@@ -2,23 +2,21 @@
   import Placeholder from './Placeholder.svelte';
 </script>
 
-<div class="flex justify-center px-4 sm:px-6 lg:px-8">
-  <section class="flex w-full max-w-6xl flex-col gap-6 lg:flex-row lg:justify-center">
-    <div class="hidden lg:block lg:w-1/3">
-      <Placeholder />
-    </div>
-    <div class="flex flex-col gap-6 lg:w-2/3">
-      <h2 class="title-75 paragraph-spacing-right text-navy">Build with Frequency</h2>
-      <p class="title-50 paragraph-spacing-right text-orange">Better with You</p>
-      <p class="body paragraph-spacing-right">
-        Everything here is open source. Our development roadmap is focused on our mission of reclaiming the social graph
-        for the common good and is guided by our principles. Infrastructure for the Next Generation Decentralized Social
-        Internet.
-      </p>
-      <p class="body paragraph-spacing-right">
-        If this is your first visit, the DSNP whitepaper is a good place to start. Where you go after depends on your
-        goals: the navigation panel gives some useful entry points.
-      </p>
-    </div>
-  </section>
-</div>
+<section class="mt-40 flex">
+  <div class="hidden lg:block lg:w-1/3">
+    <Placeholder />
+  </div>
+  <div class="flex flex-col gap-6 lg:w-2/3">
+    <h2 class="title-75 paragraph-spacing-right text-navy">Build with Frequency</h2>
+    <p class="title-50 paragraph-spacing-right text-orange">Better with You</p>
+    <p class="body paragraph-spacing-right">
+      Everything here is open source. Our development roadmap is focused on our mission of reclaiming the social graph
+      for the common good and is guided by our principles. Infrastructure for the Next Generation Decentralized Social
+      Internet.
+    </p>
+    <p class="body paragraph-spacing-right">
+      If this is your first visit, the DSNP whitepaper is a good place to start. Where you go after depends on your
+      goals: the navigation panel gives some useful entry points.
+    </p>
+  </div>
+</section>