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; } }