Сергей delphinpro

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

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

Приложение для автоматизации Macrodroid
Умеет очень многое.
Имеется коллекция готовых макросов как раз на такой случай. Чаще всего называются Find my phone.

Установка через Composer https://laravel.com/docs/8.x#installation-via-composer
Специально для вас написали.

В общем-то вам нужно выполнить единственную команду

composer create-project laravel/laravel example-app

Типичная sql инъекция.
Строки нужно экранировать, прежде чем пихать в базу.
https://www.php.net/manual/ru/mysqli.real-escape-s...

Сами же сказали, что есть библиотека.
Ее и используйте https://smsc.ru/api/code/libraries/http_smtp/php/#menu

Есть там же и пример формы отправки sms
https://smsc.ru/api/code/examples/formsms/#menu

Зачем вам javascript?

btn.forEach((key, index) => {
})

upd
Названия переменных у вас плохие.

// Это коллекции - множественная форма
let buttons = document.querySelectorAll('.advertisement-tabs__item');  //Кнопки табой
let blocks = document.querySelectorAll('.advertisement-tabs__content') //Контент

// Что еще за key? Там кнопка
buttons.forEach((btn, index) => {
    btn.addEventListener('click', function() {
      console.dir(btn)
      blocks.forEach(block => {
        block.classList.toggle('active', btn === block)
      })
    })
  })

Экранирование

(function () {
    const square = document.querySelector('.skill__skills');
  
    const observer = new IntersectionObserver(entries => {
      entries.forEach(entry => {

        const entrySquares = entry.target.querySelectorAll('.loading');

        if (typeof getCurrentAnimationPreference === 'function' && !getCurrentAnimationPreference()) {
          return;
        }
        
        entrySquares.forEach(entrySquare => {
            if (entry.isIntersecting) {
                entrySquare.classList.add('square-animation');
                return;
            }
            entrySquare.classList.remove('square-animation');
        })
  
      });
    });
  
    observer.observe(square);
})();

Может просто не выводить картинку, если ее нет?
Условно (php):

if ($src) {
  echo '<img src="'.$src.'">';
}

Можно в css.
Если отсутствие картинки выражается в пустом src, то так

img[src=""] {
  display: none;
}

Если отсутствие src, то так

img:not([src]) {
  display: none;
}

Ну и т.п. насколько фантазии хватит.

Очевидно, поднять получение данных выше

<?php require('site.ru/parser.php'); ?>

<!-- вывести тут тоже -->
форма заполнения
<?php echo $datata;?>

<!-- footer -->
меню
<?php echo $datata;?>

import поменяйте на require

UPD
И понизьте версию gulp-imagemin до 7.1.0

Имени нет. Добавьте атрибут name="when"

https://developer.mozilla.org/ru/docs/Web/CSS/@fon...

И еще 7 часов просидишь. Это как закручивать гвоздь отверткой.
Почему не сделать элегантно на гридах?



UPD

Однако учитывая примечание, что элементы можно распределить по блокам как угодно, то вот:

И не надо страдать фигней

.first,
.second {
  &::before {}
}

.first {
  &::after {}
}

Если очень хочется, можно так

.first,
.second {
  &::before {}
  
  @at-root {
    .first {
      &::after {}
    }
  }
}