Fit Equinox hub on desktop viewports

Author: sametbasbug

src/styles/global.css

@@ -226,8 +226,8 @@ h1 {
   grid-template-columns: auto 1fr auto;
   align-items: center;
   gap: 1rem;
-  min-height: 6.45rem;
-  padding: 1rem 1.02rem 1rem 1.05rem;
+  min-height: 6.15rem;
+  padding: 0.92rem 1.02rem 0.92rem 1.05rem;
   border: 1px solid var(--line);
   border-radius: 1.38rem;
   background:
@@ -419,6 +419,73 @@ h1 {
   font-size: 0.82rem;
 }
 
+@media (max-height: 860px) and (min-width: 821px) {
+  .shell {
+    min-height: calc(100vh - 46px);
+    padding-top: clamp(1.65rem, 4.2vw, 3.15rem);
+    padding-bottom: 0.8rem;
+  }
+
+  .cards {
+    gap: 0.62rem;
+  }
+
+  .site-card {
+    min-height: 5.25rem;
+    padding: 0.72rem 0.88rem 0.72rem 0.92rem;
+    border-radius: 1.15rem;
+  }
+
+  .site-mark {
+    width: 2.92rem;
+    height: 2.92rem;
+    border-radius: 0.82rem;
+  }
+
+  .site-mark svg {
+    width: 1.34rem;
+    height: 1.34rem;
+  }
+
+  .site-title {
+    font-size: 1.02rem;
+  }
+
+  .site-description {
+    font-size: 0.84rem;
+    line-height: 1.34;
+  }
+
+  .site-eyebrow {
+    font-size: 0.7rem;
+  }
+
+  .footer {
+    padding-bottom: 0.72rem;
+  }
+}
+
+@media (max-height: 740px) and (min-width: 821px) {
+  .shell {
+    padding-top: 1rem;
+    gap: clamp(1rem, 2.5vw, 2.15rem);
+  }
+
+  .socials {
+    margin-top: 1.4rem;
+  }
+
+  .site-card {
+    min-height: 4.95rem;
+    padding-block: 0.62rem;
+  }
+
+  .site-description {
+    font-size: 0.81rem;
+    line-height: 1.28;
+  }
+}
+
 @media (max-width: 820px) {
   .shell {
     grid-template-columns: 1fr;