Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Разделы на странице people всего в две колонки #1000

Open
StarHamster opened this issue Oct 13, 2022 · 2 comments
Labels
вёрстка Задачи по вёрстке дизайн Задачи по дизайну улучшение Доработка существующего

Comments

@StarHamster
Copy link

StarHamster commented Oct 13, 2022

Проблема

Разделы на странице участников отображаются на экранах > 1440px всего в колонки. А поместиться могут все 4!

Как сейчас

В 2 колонки

Как вижу это я

В 4 колонки

Как я это сделал

Моё решение

Вот тут добавить ещё articles:

@media (min-width: 1440px) {
.person-page {
--sidebar-size-end: 1fr;
}
.person-page__main {
grid-template-areas:
'avatar header .'
'meta articles .'
'. footer footer';
}
}

Чтобы получилось вот так:

@media (min-width: 1440px) {
  .person-page {
    --sidebar-size-end: 1fr;
  }

  .person-page__main {
    grid-template-areas:
      'avatar header   .'
      'meta   articles articles'
      '.      footer   footer';
  }
}

А вот тут max-width увеличить хотя бы до 1440px:

.person-page__articles {
margin-bottom: clamp(var(--offset), 8%, 130px);
grid-area: articles;
display: grid;
gap: var(--offset);
grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
max-width: 960px;
}

@TatianaFokina TatianaFokina added улучшение Доработка существующего вёрстка Задачи по вёрстке дизайн Задачи по дизайну labels Nov 8, 2022
@TatianaFokina
Copy link
Member

@skorobaeus, как тебе идея?

@skorobaeus
Copy link
Member

(астрологи объявили неделю просмотра старых ишью) Офигенная идея, это давно пора сделать 😅

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
вёрстка Задачи по вёрстке дизайн Задачи по дизайну улучшение Доработка существующего
Projects
None yet
Development

No branches or pull requests

3 participants