Как изменить количество колонок на YouTube с помощью CSS

Эта инструкция поможет пользователям изменить количество колонок на главной странице YouTube, используя пользовательские CSS-правила. Это особенно полезно для тех, кто хочет настроить интерфейс под себя, например, увеличить количество видео в ряду.

Почему на YouTube может быть только 2 колонки?

Некоторые пользователи замечают, что у них на главной странице YouTube отображается только 2 колонки видео, хотя в режиме инкогнито или у других пользователей может быть 3.

Это может быть связано с:

• Тестированием нового интерфейса YouTube.
• Размером экрана или масштабированием в браузере.
• Кешем и cookies.
• Расширениями браузера, влияющими на разметку страницы.

Как вернуть 3 колонки на YouTube?

Чтобы вручную настроить количество колонок, можно использовать пользовательские CSS-правила и любое расширение для браузера для работы с CSS стилями, например Stylus.

1. Откроем Youtube в любом браузере
2. Откроем расширение Stylus
3. В поле Создать стиль для ... нажимаем на домен www.youtube.com
4. Выделяем строку "Место для CSS кода"
5. И вставляем CSS код для изменения колонок (Код можно найти в описании под инструкцией)
6. Нажимаем Сохранить
7. Переходим на сайт Youtube и видим что колонок стало три
8. Чтобы изменить количество колонок, переходим обратно в редактор
9. Выделяем цифру "3" в строке "width: calc(var(--ytd-rich-item-row-usable-width) / 3  "
10. И ставим другое значение, например 4 что означает четыре колонки 
11. Нажимаем Сохранить
12. Переходим на сайт Youtube и видим что колонок стало четыре
13. Готово

CSS код для изменения колонок

Выделенное значение это количество колонок, выставляйте ваше значение по вашему усмотрению

ytd-rich-item-renderer[rendered-from-rich-grid] {
    --ytd-rich-item-row-usable-width: calc(100% - var(--ytd-rich-grid-gutter-margin) * 2);
    width: calc(var(--ytd-rich-item-row-usable-width) / 3 - var(--ytd-rich-grid-item-margin) - .01px);
}