Что использовать: gap или grid-gap?

grid-gap считается устаревшим, оставили gap, судя по всему, чтобы использовать его и во флексах, а потом может еще что придумают

Как правильно писать стили для кнопки?

Смотря какая кнопка

Как исправить наложение одного на другое в DLE?

HabrReg,

Вы сами сказали, что дело в шаблоне, а он лежит, в принципе, в паблике: там его и можно посмотреть.

То есть вы предлагаете искать шаблон, скачивать его, изучать код, возможно даже устанавливать, чтобы проинспектировать и это все ради того чтобы решить вашу проблему?

А смысл авторизации под админом?

А как вы можете редактировать новости без авторизации под админом, модератором или редактором?

Как исправить наложение одного на другое в DLE?

HabrReg, Ну тут гадалок нет, чтобы ваш случай разобрать, надо не только сайт посетить, но и авторизоваться под админом, так что желающих не много найдется

Как исправить наложение одного на другое в DLE?

Надо смотреть стили шаблона, DLE тут не при чем, если окно открывается, значит и js отрабатывает как-то

Какую cms выбрать для сайта базы данных?

opencart

Как правильно написать классы БЭМ для кнопок?

Danya Wyse, Нет не строго, но вы неправильно пишите, еще раз посмотрите мой пример. Если у вас модификаторы через двойное тире тогда надо писать так button button--theme--ghost button--size--small

Как выровнять псевдоэлемент ::after внутри ссылки?

demorest, Во-первых display: inline-block; у псевдоэлемента, а я предложил добавить flex к блоку .btn__card, Во-вторых, что мешает заменить?

Насколько хороша эта верстка?

Nustocogna,

О, такого я точно не ожидал услышать. Три месяца его использую его и думал, что так надо. Но ок, понял

Это очень старый подход от которого больше проблем чем пользы. Вообще достаточно для body обнулить внутренние и внешние отступы, но если добавить normalize, то у вас будет общий стиль для всех браузеров, это намного красивее обнуления/ресета в том случае если какой-то из элементов не будет должным образом оформлен.

На счет футера у меня всегда были проблемы

Дробите все на блоки и просто миксуйте, соц сети могут использоваться в любом месте, например в шапке, смысл бэм в переиспользовании. Если вы видите большие уродливые наименования значит вас понесло не туда и надо делать иначе, обычно это означает что пора создать новый блок.

А в остальном, спасибо вам большое! Я пересмотрю свои ошибки, постараюсь дальше не допускать подобные

Пожалуйста, у вас не плохо получается, главное не останаливаться и вдумываться в детали, иначе в привычку войдут неправильные подходы.

Как отображать viewport с фиксированным width?

Ankhena, Нет, если прописать фиксированное значение, то оно будет фиксированное при любом размере экрана, хоть больше хоть меньше. Достаточно просто ограничить по ширине условный wrapper и убрать вьюпор, тогда на мобилках сайт сам будет ресайзится как в примере. Вот на днях делал, верстка не моя, меня только попросили чтобы на мобилках сжимался сайт как в примере.

Как отображать viewport с фиксированным width?

Я у них вообще не вижу viewport, обычно делают обертку с минимальной шириной и убирают viewport и будет примерно такой же результат

Сталкивался кто-нибудь с проблемой вёрстки в Joomla в инспекторе браузера?

Стили подгружаются под конкретный экран без учета ресайза, это скорее всего фича, а не баг, надо разбираться в какой момент грузятся стили и каким образом, после чего уже решать как можно это доработать.

Можно ли писать так по bem?

wakenbyWork, Я не видел макет, чтобы делать однозначные выводы. Миксовать два блока конечно можно, а вот перемешивать элементы как у вас мне кажется плохой идеей, хотя технически можно и так. В целом я не понимаю с какой целью вообще использовать такие названия. Я вижу modal-body ну ок, означает ли это что есть modal-head и modal-footer, если нет, то почему не назвать просто modal? Если ДА, то это уже не очень правильный БЭМ, то есть в самом блоке modal уже есть проблема именования и как по мне отсюда и все остальные проблемы.
Почему бы вам не создать полноценные блок modal, если надо то с модификаторами на все случаи. Далее просто создайте блок feedback в контенте modal и реализуйте его как угодно. Это не просто сделает понятные наименования, но и разделит назначения блоков делая их более независимыми, но опять же, все это надо решать исходя из макета. И да, последний вариант выглядит намного понятнее и проще

Можно ли писать так по bem?

Вам не кажется что это какая-то тавтология? Заведите модификаторы и спите спокойно.

Откуда берутся лишних 3 пикселя?

Юрий Иванов, Добавил ответ

Откуда берутся лишних 3 пикселя?

.canvas {
  display: block;
  position: absolute;
  pointer-events: none;
  left: 0;
  top: 0;
}

Перезатрёт ли настройки установка Open server в уже существующую папку ранней версии?

Да и базу данных потеряете, ставьте отдельно

Как сделать различие секций, грамотное по БЭМ?

Anonymous Penguin, Ну если уж по БЭМ, то в данном случае не вижу смысла делать так section:nth-child(2n), это повышает специфичность, которую следует избегать., можно просто миксовать блок с классом который будет красить нужные блоки. В любой момент может понадобиться добавить еще какой-то блок, который например должен быть белым после белого и что тогда? Зато если будет отдельный класс, можно например сделать так, чтобы через админку устанавливать цвет любого блока..

Как сделать различие секций, грамотное по БЭМ?

Надо макет видеть. Если от цвета блока зависит цвет контента, тогда это вообще должно относится к стилям блока или его модификаторам

Как называется такой тип верстки?

Хрень собачья, которую до конца никто не докручивает. Полагаю вопрос как это это делается. Например https://scrollmagic.io/