smigles

У ссылок есть атрибут download.

H1 — это название страницы, не сайта (разве что на главной странице название сайта одновременно может выступать названием страницы). Все другие заголовки выступают как названия разделов на странице: H2 озаглавливают разделы верхнего, первого, уровня; H3 озаглавливают разделы второго уровня и т. д.

Если «Know about us» — это название раздела первого уровня, то оберните его в H2. Если «We help nature smile and survive everywhere» называет одну из секций внутри «Know about us», то оберните «We help…» в H3. Если же это просто слоган и других секций внутри H2 нет, то «We help…» — это не заголовок, а просто абзац, который через CSS как-то особо оформлен (например, большим шрифтом).

В бэм сказано, что модификатор не может задавать позиционирование.

Не могу такого найти в спецификации БЭМа.

margin и прочие вещи, которые влияют на окружение, нельзя задавать для блока и модификатора блока, но можно задавать для элемента и модификатора элемента.

Ответ с block--margin20, на который вы сослались, считаю ошибочным.

item надо объявить:

for (const item of json) {
    ...
}

*,
::before,
::after {
    box-sizing: border-box;
}

https://github.com/nodejs/node/issues/39224

Возможны оба варианта.

document.addEventListener('click', event => {
    if (event.target.classList.contains('block')) {
        console.log(event.target);
    }
});

В CSS-коде не должно быть HTML-тега <style>.

В переменной input находится строка. Нужно перед выполнением арифметических операций преобразовать её в число:

var input = Number(document.getElementsByClassName('inputer').value);

А ещё нужно получение значения из элемента input перенести ниже самого элемента в коде. Сейчас у вас скрипт подключается раньше, чем в DOM-дереве появится элемент input.