Виктор Давтян

Попробуй masonry (https://masonry.desandro.com/), а дальше уже прикрути любой механизм открытия этих карточек. Можешь даже сам сделать. При клике на карточку, зум карточки на весь экран и затемнение заднего фона при помощи серого блока.

1. Пользоваться можно любой IDE/текстовым редактором. Например, я использовал Sublime text, PyCharm, Atom, Visual Studio Code в разное время (начиная с Sublime text).
2. Лампочка = варн.
3. Проверьте:
1) скачан ли у вас Python 3.9.1 или любая другая актуальная версия;
2) добавили ли вы Python в PATH;
3) включен ли автозапуск Python IDLE. Возможно, что с PyCharm всё хорошо, но не запускается сам интерпретатор Python.
Если не это, то проблема см PyCharm. Возможно, вы «поймали» баг или просто что-то «задели» в настройках, хотя я такого ещё не встречал.

Очень Вам советую поступить, как здесь, т. е. указывать относительные единицы измерений. В CSS это em, vmin, vmax, vh и vw. Это должно адаптировать Ваш слайдер, хотя Вы несколько утратите поддержку старых браузеров.

Либо

Редактирование -> Настройки (внизу списка) -> Интерфейс

— это Photoshop CC 2018 ++
Либо Файл -> Настройки -> Интерфейс — это Photoshop 2018 --
Ну, либо же в самых старых версиях (в Вашей, как мне показалось, CS6-версии тоже должно сработать) Редактирование -> Установки -> Интерфейс и там уже выбираете масштаб в Размер шрифта меню (UI scaling).
Либо же можно нажать сочетание клавиш CTRL + K и из основных настроек перейти в "Интерфейс".