From 39ce4937108233f157078fc1bd29978d42ed467f Mon Sep 17 00:00:00 2001
From: vitya-ne <9317613+vitya-ne@users.noreply.github.com>
Date: Thu, 5 Sep 2024 22:59:56 +0300
Subject: [PATCH] =?UTF-8?q?=D0=9A=D0=BE=D1=80=D1=80=D0=B5=D0=BA=D1=82?=
 =?UTF-8?q?=D0=B8=D1=80=D1=83=D0=B5=D1=82=20=D0=BC=D0=B0=D0=BA=D0=B5=D1=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/blocks/person-page.css | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/styles/blocks/person-page.css b/src/styles/blocks/person-page.css
index 7010779e..b4045106 100644
--- 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;
   }
 }