Тимур Турсунбаев, Alt+ctrl+пробел и ctrl+пробел показывают разное. И нет, путь вставляется относительно текущего файла, только что специально проверила.
С pug может и проблемы, им не пользуюсь, он мне не симпатичен, так что тут нюансов не подскажу.
При этом ширина inner может быть в % или фиксированная или максимальная/минимальная (например min 300 и max 1160 (или 1200)). Это уже зависит от макета и его адаптива.
В песочнице стоит ширина в процентах просто потому что это песочница, чтобы не было прокрутки, а суть была понятно вне зависимости от настроек вида песочницы у разных людей.
1. google -> "html редактор", выбирайте что по душе
2. Плагин emmet - ускоряет верстку
3. Второй монитор - ускоряет верстку
4. JS либо идите на нормальные курсы либо решайте позадачно с помощью гугла. Благо стандартные задачи уже все решены и не по одному разу. learn.javascript вам в помощь
chakaponi, не очень понятно, почему вы противопоставляете grid и flex margin'у?
Используя grid или flex можно продолжать использовать margin. Или продолжать не использовать его.
Блоки точно также остаются. Да, в некоторых случаях grid позволяет уменьшить количество оберток, но совсем не всегда.
Благодаря этим технологиям мы разгружаем HTML перенося всю стилизацию в CSS
Один блок с фоном в клетку.
dbmast.ru/fon-v-vide-shahmatnoj-doski-na-chistom-css3
Размерчик подгоните.