Роман

у тебя далее в пайпе стоит плагин gulp-csso который и минифицирует

Верстка под WP по сути укладывается всего в несколько отличий от верстки под что либо еще:

1. В некоторых местах (body, меню, обертки страниц/записей и тд) WP генерит свой список классов. Его можно и нужно использовать, если тема предназначена на продажу или в репозиторий на .org, предполагается что ее будут крутить/развивать под свои задачи. Если для себя / для клиента, то можно не использовать, но как минимум с меню придется на бекенде несколько правок сделать.
2. Контент, который редактируется в редакторе (старый TinyMCE или новый Gutengerg) либо лишен классов по умолчанию (тогда стучимся по классу контейнера), либо как разработчики намудрят (Gutenberg, всякие конструкторы страниц). В принципе, можно полностью под себя сделать с Gutenberg, но это дополнительные временные расходы.
3. Статика (скрипты, стили) подключается из PHP, картинки и другие файлы - как правило тоже, через медиа-библиотеку.

Иногда что-то по мелочи попадается, но в целом - это все.

Можно, а почему вы решили что нет? Гриды и флексы призваны решать немного разные вещи

.container {
  width: 100%;
  max-width: 1470px;
  margin: 0 auto;
}

Процессор: AMD Ryzen 5 1600 AM4 BOX

До Ryzen 7 1700 вообще никак не дотянуть? Так-то, он дороже ненамного.

Материнская плата: MSI B450M PRO-VDH PLUS

Ничего сказать не могу, плата как плата. Но я бы MSI покупать не стал, но это личное мнение, биосы у мси мне не нравятся совершенно.

Видеокарта: Sapphire PCI-E 11265-01-20G NITRO+ RX 580 8G OC

Нормально.

Блок питания: Aerocool Cylon 500W

Никогда не покупайте блоки питания, которые заканчиваются на *cool.

Оперативная память: Goodram IRDM X [IR-X2800D464L16S/8GDC] 8 ГБ, 2 шт.

Память выбрана из QVL материнской платы или от балды и только потому что DDR4? Ну так вот, не далее чем пара месяцев назад два модуля именно Goodram тупо не завелись на одной МП, но зато работали на другой. В общем, если выбирать память не из QVL, то есть вероятность столкнуться с подобной ситуацией.

Жесткий диск: WD Blue 1 TB
SSD: Kingston A400, 120 ГБ

Да блин, ну такие связки раньше были актуальны, когда SSD были дорогие - вот тогда и брали умножадную связку из SSD под систему и HDD для всего остального, соглашаясь на неудобства наличия двух дисков и всё равно запуск игр с HDD со всеми недостатками. Но сейчас 500Gb SSD стоит 4000 руб., а то и меньше, и нафиг нужен при таком раскладе шумный тормозной HDD?

Корпус: AeroCool Cylon

Обычная дешёвая коробка, с которой лично я дел не имел. Но из корпусов недорогого ценового диапазона могу посоветовать Deepcool Tesseract BF - неплохой недорогой корпус. Я в таком собрал несколько среднебюджетных компьютеров и претензий не имею.

Вентилятор: Arctic Cooling F12 PWM PST , 2шт.

А зачем два? На вдув и на выдув, небось?) На вдув вентилятор вообще не нужен и даже вреден, при такой конфигурации будет достаточно одного вытяжного на задней стенке корпуса.

Как же мне плохо становится от подобных вопросов, сколько вы зарабатываете, что готовы просто так на ровном месте переплатить десятки тысяч рублей за красивый корпус? Я не шучу, десятки тысяч рублей за красивый корпус - у некоторых зп такая. Зайдите в любую группу вк по сборкам или на любой ютуб канал и спросите там - поверьте там ребята самые лучшие сборки по соотношению цена качество предложат, вам останется просто купить все эти компоненты и попросить в магазине собрать их воедино за 2 тысячи рублей. Сэкономленные десятки тысяч пожертвуйте в детский дом. Есть канал на ютуб "техно кухня" - там самые шарящие ребята, найдете кучу сборок в разных ценовых сегментах, выбирайте любую и готово. Они даже сами собрать могут, разогнать и отправить вам на адрес, за 0.5% от стоимости, в компе за 100к это лишь 5к рублей, в то время как компания о которой спрашиваете в компе за 100к возьмет минимум 30к

https://learn.javascript.ru/height-percent
Фиксится довольно просто - jsfiddle.net/9zxcn6wb

Все в одну картинку - не универсально, тем более, что сверстать не сложно.
Первый пример - один круг с градиентом, второй - белый, сверху.
Второй пример - тот же круг с градиентом, и перекрыть ему половину. На мой взгляд варианты с большим количеством бордер-радиусов могут ломать мозг, но тут на вкус и цвет...

.dropdown
    &__button:hover + &__content,
    &__content:hover
        display: block

Можно вести всё это в гит-репозитории в plain-text файлах, используя простой язык разметки вроде Markdown или RST. В них есть всё, что нужно: выделение, картинки, ссылки, даже блоки кода с подсветкой синтаксиса.

В гит-репозитории вы свободны структурировать информацию как угодно: разносить по папкам, разбивать по файлам. Это самый удобный способ вести исходники любой документации.

Затем сверху можно прикрутить какой-нибудь статический сайт, который будет собираться из ваших исходников, или подключить пандок, чтобы собирались пдфки. Хотите заморочиться — разверните сервер где-нибудь в локальной сети и настройте с помощью CI гитлаба, гитхаба или битбакета пересборку сайта при каждом пуше в master-ветку репозитория.

Хорошие статические генераторы сайтов из Markdown:

• Docusaurus
  
• MkDocs
  
• Docpress
  
• BookDown
  

Ещё есть Foliant, который из единых Markdown-исходников может собирать PDF, docx, тот же MkDocs-сайт и т д.

Ну и так далее, тут плюс в том, что вариантов очень много и если надоест один сайт, можно взять те же ваши накопленные годами md- или rst-исходники и собрать из них что-то другое. А теперь представьте, что вас перестал устраивать EverNote, что тут делать? : )

1) В VS Code выделяется только часть названия до дефиса.
Ставите курсор внутрь кавычек и нажимаете Ctrl+D

Fixed элемент в любом случае будет вне потока и без привязок к родителям, только к вьюпорту.

Тут либо полагаться на фиксированную ширину сайдбаров, либо делать навбар абсолютом, позиционировать от родителя, а фиксацию осуществлять скриптами.

С другой стороны, если скрипты прикручивать, то ими же можно и fixed блок скорректировать.