# Категории Plus: как использовать макет на всю ширину?

**URL:** https://meta.discourse.org/t/categories-plus-latest-layout-how-to-use-full-screen-width/390591
**Category:** Development
**Tags:** css
**Created:** [06.Декабрь.2025 21:24:16 UTC](https://meta.discourse.org/t/categories-plus-latest-layout-how-to-use-full-screen-width/390591 "2025-12-06T21:24:16Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![BrianC](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/brianc/32/487568_2.png) [@BrianC](https://meta.discourse.org/u/BrianC)
#### Post date: [06.Декабрь.2025 21:24:16 UTC](https://meta.discourse.org/t/categories-plus-latest-layout-how-to-use-full-screen-width/390591/1 "2025-12-06T21:24:16Z")

</div>

Я пытаюсь настроить представление **Категории + Последние** на рабочем столе так, чтобы оно занимало всю доступную ширину экрана.

 ![width](https://global.discourse-cdn.com/meta/original/4X/5/7/c/57c9b1f7bb86d19a8c276d1b4587dfbec0b006f6.png)

Остальные элементы сайта можно оставить без изменений — мне нужно расширить до полной ширины только эту конкретную раскладку (категории слева, последние темы справа), вместо того чтобы она оставалась в узкой колонке по центру.

Я пробовал переопределять контейнеры многих элементов (`.wrap`, `.container`, `#main-outlet` и т. д.), но этот конкретный вид всё ещё остаётся ограниченным, поэтому я предполагаю, что есть ещё какой-то обёртка или сетка, контролирующие его ширину.

Не могли бы вы подсказать **правильный CSS** , который управляет шириной макета «Категории + Последние»?

Спасибо.

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [08.Декабрь.2025 08:04:24 UTC](https://meta.discourse.org/t/categories-plus-latest-layout-how-to-use-full-screen-width/390591/3 "2025-12-08T08:04:24Z")

</div>

Здравствуйте,

вам потребуется изменить раскладку столбцов `grid` в обёртке main-outlet-wrapper, а также переменные `--d-max-width` и `--topic-body-width`, чтобы они соответствовали вашим требованиям.

---

<div class="post-metadata">

### Author: ![BrianC](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/brianc/32/487568_2.png) [@BrianC](https://meta.discourse.org/u/BrianC)
#### Post date: [08.Декабрь.2025 20:39:44 UTC](https://meta.discourse.org/t/categories-plus-latest-layout-how-to-use-full-screen-width/390591/4 "2025-12-08T20:39:44Z")

</div>

Спасибо. Это помогло.

```css
.badge-category __wrapper .badge-category__ name {
    font-size: 1.3em;
}
table.category-list {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 1rem;
  box-sizing: border-box;
  border-collapse: separate;
  border-spacing: 0;
}

table.category-list thead th {
  padding: 0.5rem 0;
  border-bottom: 1px solid #e0e0e0;
}

table.category-list tbody tr td {
  padding: 0.75rem 0;
  border-bottom: 1px solid #e0e0e0;
}

table.category-list tbody tr:last-of-type td {
  border-bottom: none;
}

.latest-topic-list {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 1rem;
  box-sizing: border-box;
}

.latest-topic-list-item {
  padding: 0.75rem 0;
  border-bottom: 1px solid #e0e0e0;
}

.latest-topic-list-item:last-of-type {
  border-bottom: none;
}

```