Яков Карелин

У вас только в микроразметке появились ваши изменения

<meta property="og:title" content="Оклейка  антигравийной пленкой Suzuki в Москве, Солнцево" />
	<meta property="og:description" content="Оклейка и защита антигравийной пленкой автомобилей Suzuki в Москве, Солнцево" />

Причин может быть много. Проверьте сайт на наличие других seo плагинов, посмотрите в админке целевую страницу на наличие других полей, которые могут отвечать за метатеги или влиять на них. Почистите кэш.
Если не поможет, то отключайте плагины по одному и посмотрите на результат.

Как вариант, можете перейти на Rank Math. Там есть функция миграции с Yoast Seo.

Вы написали какую-то ерунду, из которой можно сделать лишь один вывод: вы не знаете JS.
Изменений в языке, которые ломали бы текущий API - нет (почти), обратная совместимость - основной пункт новых спек языка. Сам язык обновляется, добавляется новый сахар, новые webAPI, etc.

Но прикладной слой... Мода и подходы довольно часто меняются, но яблоко от яблони... Как правило делают что-то новое, почти с тем же API, конфигурацией, что и у предшественника, только проще, быстрее в работе, сборке или чем-то еще, возможно начинают использоваться какие-то новые, нативные фичи и прочее (это я про всякую сборку, тест-раннеры и др., но лично мне это наоборот нравится, есть свои плюсы)

> может ли flutter заменить его

Он точно так же в контекте браузера собирается в JS, как и например TS. Браузер, сейчас, не умеет исполнять ничего, кроме JS. Только, по моему мнению в вебе flutter никому не нужен, слабое комьюнити, а м.б. и Dart вместе с flutter отправится в https://killedbygoogle.com через какое-то время...

<h1 class="main-title">
      мои <span class="big-logo"><img class="graficlogo" src="assets/img/Logo.png" alt="Logo"></span><br>
      достижения
</h1>

А, поскольку, это скорее украшение строки, а нормальный логотип уже есть наверху слева, то нет смысла его дублировать как img и можно сократить до:

<h1 class="main-title">
     <span class="main-title__beautiful-string">мои </span>
      достижения
</h1>

.main-title__beautiful-string {
  display: block;
}

.main-title__beautiful-string::after {
  content: "";
  display: inline-block;
  vartical-align: middle;
  bg: иконка
}

Либо флексом.

HTML
<input type="file" class="custom-file-input">

CSS

.custom-file-input {
  color: transparent;
}
.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input::before {
  content: 'Файл не выбран';
  color: black;
  display: inline-block;
  background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid #999;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
}
.custom-file-input:hover::before {
  border-color: black;
}
.custom-file-input:active {
  outline: 0;
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); 
}

https://codepen.io/Awilum/pen/WNoExOG

for(let i = 0;i < rows;i++){ // вы собираетесь сначала создать строку, а по кол-ву строк идут игроки, значит нужно брать число rows, а не cols
        let tr = document.createElement('tr');
  
      for(let j = 0;j < cols;j++){ // а тут cols, но тут еще нужна другая переменная для счетчика, i уже используется для индекса rows
        let td = document.createElement('td'); 
        if(j == 1) // мы ведь хотим добавить контент на вторую колонку (по индексу 1)?
        {
         td.innerHTML = localStorage.getItem(i + ""); // добавляем значение, "" - нужен, чтобы получить ключ по j в виде строки
        }
        tr.appendChild(td);
      }

ЗЫ: Мне не нравится, что у вас некий массив очков вывален по индексам (которые 0-3) прямо в хранилище по ячейкам ключ-значение. Хорошо бы, чтобы этот массив лежал в одной ячейке хранилища под своим именем. Для этого этот массив нужно преобразовать в JSON и положить в отдельную именованную ячейку. И пользоваться значением этой ячейки нужно будет с кодированием и декорированием JSON строки.

Жму руку дизайнеру, молодец, не как у всех.

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

Изначально я не обратил внимания, что нижний край строго горизонтальный, и накидал такое как стартовую точку



Но когда заметил - понял, что так в принципе не выйдет сделать, на CSS нельзя "зафиксировать от трансформации" две стороны сразу.

Так что остаётся вариант с фоновой SVG-шкой, что по сути "фоновая картинка", либо вариант со вставкой этой SVG напрямую в кнопку (прям инлайном) и дальнейшие манипуляции с ней, если требуется адекватный ховер.

Делать лень, это нетрудно :)

Событие - это когда что-то произошло и вы уведомляете систему об этом
Делегат - это ССЫЛКА на метод с уже заданным набором параметров. Далее вы можете присвоить делегату любой метод, который удовлетворяет описанный делегат.

Да, события, это тоже, частично, делегаты

rgba\([^)]+\)

Либо вовсе убрать класс container и оставить только menu

Поправил верстку. https://codepen.io/webm0fe/pen/vYaYJKZ?editors=1100
Не используйте position: absolute для того, чтобы позиционировать каждый блок.

width: 100%;
height: 100%;
object-fit: cover;

Или
https://proglib.io/p/responsive-images
Или либо через js/jquery получать высоту окна пользователя и растягивать изображение по высоте, но выше упомянутые свойства нужны для того, чтобы картинка не ужималась

Судя по дизайну, вы просто взяли все эти 28 строк и засунули в стандартное окно ввода IDLE? Так не будет работать, если скормить все строки сразу. Создайте нормально .py файл, скопируйте весь код в него. И файл уже запускайте.
Ну и от стандартным idle лучше не пользоваться, та еще фигня