remove header connect button

site/index.html

@@ -74,14 +74,6 @@
             <li><a href="#community">Community</a></li>
           </ul>
         </nav>
-
-        <a
-          class="button button--small"
-          href="#community"
-        >
-          Connect
-          <span aria-hidden="true">↓</span>
-        </a>
       </div>
     </header>
 

site/styles.css

@@ -159,12 +159,16 @@ cite {
 
 .site-header__inner {
   display: grid;
-  grid-template-columns: auto 1fr auto;
+  grid-template-columns: auto 1fr;
   align-items: center;
   min-height: 5.25rem;
   gap: 2rem;
 }
 
+.site-nav {
+  justify-self: end;
+}
+
 .brand {
   display: inline-flex;
   align-items: center;
@@ -256,15 +260,6 @@ cite {
   transform: translateY(-2px);
 }
 
-.button--small {
-  min-height: 2.8rem;
-  padding: 0.7rem 1rem;
-  background: var(--color-forest);
-  color: var(--color-white);
-  font-size: 0.88rem;
-}
-
-.button--small:hover,
 .button--primary:hover {
   background: var(--color-forest-dark);
 }
@@ -760,7 +755,7 @@ cite {
 
 @media (max-width: 56rem) {
   .site-header__inner {
-    grid-template-columns: 1fr auto;
+    grid-template-columns: 1fr;
     padding-top: 0.75rem;
     gap: 0.6rem 1.25rem;
   }
@@ -768,6 +763,7 @@ cite {
   .site-nav {
     grid-column: 1 / -1;
     grid-row: 2;
+    justify-self: stretch;
     border-top: 1px solid rgb(25 39 33 / 10%);
   }
 
@@ -834,12 +830,6 @@ cite {
     font-size: 0.78rem;
   }
 
-  .button--small {
-    min-height: 2.5rem;
-    padding: 0.65rem 0.8rem;
-    font-size: 0.78rem;
-  }
-
   .site-nav a {
     font-size: 0.78rem;
   }