Dymok

Если так попробовать?

@media screen and (max-width: 575px) {
  .grid-item {
    left: 50% !important;
    transform: translateX(-50%);
  }
}

position: relative элементу, которому задаёшь before/after, position:absolute и top: 5px left: 0px для псевдоэлемента, ещё родителю можно левый паддинг, размером с иконку + отступ

htmlacademy, freecodecamp

reg add "HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Session Manager\Memory Management" /v FeatureSettingsOverride /t REG_DWORD /d 3 /f

reg add "HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Session Manager\Memory Management" /v FeatureSettingsOverrideMask /t REG_DWORD /d 3 /f

https://habr.com/post/357452/

Если правильно понял:
header('Location: http://www.example.com/');
php.net/manual/ru/function.header.php

Тут есть несколько решений
https://stackoverflow.com/questions/10721884/rende...

https://codepen.io/anon/pen/wjqRmJ

PDO и подготовленные выражения, подробнее - https://habr.com/post/148701/

google:
htaccess ЧПУ

Есть ли утилита для удаления неиспользуемого css?

Чтобы не использовать padding достаточно добавить эти свойства для .overlay:

display: flex;
justify-content: center;
align-items: center;