Корректирует макет

doka-guide · Sep 6, 2024 · 39ce493 · 39ce493
1 parent b40c4fa
commit 39ce493
Showing 1 changed file with 14 additions and 3 deletions.
diff --git a/src/styles/blocks/person-page.css b/src/styles/blocks/person-page.css
@@ -91,7 +91,7 @@
   display: grid;
   gap: var(--offset);
   grid-template-columns: minmax(min(100%, 320px), 1fr);
-  max-width: 960px;
+  max-width: 1440px;
 }
 
 .person-page__group {
@@ -140,7 +140,7 @@
 @media (width >= 1024px) {
   .person-page {
     --sidebar-size: 245px;
-    --content-max-size: 36rem;
+    --content-max-size: 34rem;
   }
 
   .person-page__avatar {
@@ -169,10 +169,21 @@
   .person-page {
     --sidebar-size-end: 1fr;
   }
+
+  .person-page__articles {
+    grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
+  }
 }
 
 @media (width >= 1680px) {
+  .person-page__main {
+    grid-template-areas:
+      "avatar header   ."
+      "meta   articles articles"
+      ".      footer   footer"
+  }
+
   .person-page {
-    --sidebar-size: 320px;
+    --sidebar-size: 300px;
   }
 }