sleepy_hungry

Попробуйте запустить программу от имени администратора( зажать shift, запуск от имени администратора ), UAC может дать вам не полный доступ к файлам.

.row > .col вложенность нельзя нарушать
можно дописать им класс, или поместить свой div в колонку

лучше своими стилями перебить.
А если в bootstrap тогда скачать https://getbootstrap.com/docs/4.4/getting-started/... все установить, и менять/добавлять в переменных например $grid-breakpoints: и $container-max-widths: в файле scss/_variables.scss потом собрать.

Подключаешь sass версию бутстрапа
Копируешь себе переменные из _variables.scss и переопределяешь до подключения самого бутстрапа
https://github.com/twbs/bootstrap/blob/master/scss...

$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px
);
$container-max-widths: (
  sm: 540px,
  md: 720px,
  lg: 960px,
  xl: 1140px
);

.menu__item единственный потомок <li>

.menu > li:nth-child(5) > .menu__item { padding-right: 0; }

А лучше, наверное, у последнего обнулять

.menu > li:last-child > .menu__item { padding-right: 0; }

НЕТ.

Вы можете сделать такие стили

.block {} /* без стилей */
.block_green { color: green; }
.block_red { color: red; }

Но все равно должны писать блок И модификатор в разметке

<div class"block block_green">
</div>

Понятное дело, что технически будет работать и без указания блока. Но если вы придерживаетесь БЭМа, блок указывать нужно обязательно.

основному блоку пропишите: align-items: flex-start;