Владимир

Sass, Less, ванильным css-ом не обойдётесь.

Так вы можете адаптивную версию чуть-чуть переписать (медиа запросы выполнять от 360 до * пикселей) и выгрузить эту версия на под-домен, зачем тратить время и ресурсы на отдельную версию?

в js есть методы для проверки браузеров, погуглите

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

align-items: center;

Вы позиционируете .reviews__img как absolute, картинка позиционируется от ближайшего relative элемента, установите родителю position: relative (именно родителю картинки, первому родителю, это важно) и всё будет работать как задумано.

Ваш подход к задаче не правильный, ознакомьтесь с .map() и с forEach

click

Храните этот setTimeout в localStorage или на сервере, точнее дату, проверяйте при каждом входе текущую с установленной и обрабатывайте.

Создайте переменную вне, прибавляйте единичку при не верном ответе и проверяйте, мол если больше / равно 3, выходим из цикла, выводим луз.

click

Здесь

Кидайте с клиента запрос:

async function sendAndGetData(data) {

       let response = await fetch('/', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json'
            },
            body: JSON.stringify({
                data: data
            })
        });

        response = await response.json;

        console.log(`${response.id} / ${response.data}`);

}

А на сервере обрабатывайте:

let counter = 0;

app.post('/', (req,res) => {

counter += 1;

res.send({

   id: counter,
   data: `Client data: ${req.body.data} / Query id: ${counter}`

})

})

Как сказал Дмитрий Беляев, ваш код с ошибками, для перебора с назначением обработчика нужен следующий код:

document.querySelectorAll(".app__item").map(item => {
    item.onclick = function() {
        document.querySelectorAll(".equalizer").map(children => {
              children.style.display = 'block';
        });
    }
});

.text {
  word-wrap: break-word;
}

Ждите загрузку страницы, она считается загруженной после отработки всех скриптов.

svg рисуйте формы, остальное как обычно

Переходите на puppeteer, чирио баганый, много проблем с ним было. В pappeteer это будет выглядеть как в обычном js: el.src/href/id/class

setTimeout(() => {
await connect();

    const user = await client.getUserByUsername({ username: 'username' });
    const posts = user.edge_owner_to_timeline_media.edges;
    const latestPosts = posts.slice(0, 4);

    const latestPostsShortcodes = latestPosts.map(post => post.node.shortcode);

    let foundPosts = await InstagramPost.find({ shortcode: latestPostsShortcodes }) as any;
    let foundCodes = foundPosts.map(post => post.shortcode);

    const codesToFetch = latestPostsShortcodes.filter(code => {
        return !foundCodes.includes(code);
    });

    if (codesToFetch) {
        let media = await getInstagramPosts(codesToFetch);
        media.forEach(post => {
            foundPosts.push({
                text: post['edge_media_to_caption']['edges'][0]['node']['text'],
                href: `https://instagram.com/p/${post['shortcode']}`,
                shortcode: post['shortcode'],
                img: post['display_url']
            });
        });
    }

    savePostsToDb(foundPosts);

    res.send({ media: foundPosts });
}, 1000 * 60 * 60)