Как исправить иконки которые превращаються в кавадратики?

Разобрался..в конце адреса сайта поставил / и всё заработало..

Должно задаваться, как раз ютуб устанавливает размеры согласно соотношению сторон 16\9. И устанавливая aspect-ratio параметр height становится auto по умолчанию если не задано обратного. Оно можно и вовсе убрать все оставив только width в html и aspect-ratio в css, а всё остальное убрать.

Сработало, но заданное разрешение width="560" height="315" не задается. Просто заполняется все поле https://i.imgur.com/bJrsY5B.png
Но так лучше чем было. Спасибо
Хотя вот так сделал и вообще как надо:

iframe {
  aspect-ratio: 16 / 9;
  width: 560;
  height: auto;
}

Вот держите: Ссылка

Возможно незакрытый HTML тег какой-то, можно посмотреть в исходном коде браузера, обычно такие ошибки там выделяются красным цветом. Вот я специально для демонстрации добавлен тег "a" перед ссылкой логотипа, и браузер подсветил, что вторая ссылка получилась вложенной, то есть существует незакрытый тег.

Это смотрят в инструменте разработчика DevTools в консоле разработчика отображаются различные ошибки сценариев. А по нажатию на ссылку если devtools смог отловить ошибку до конкретного места в коде можно открыть окно с файлом и так же местом где это случилось.

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

Мне бы понять в каких файлах искать ошибку..явно дело в ошибке..раньше работало..где-то наковырял

Возможно ошибки в коде на какой-то странице. Или не правильно написан скрипт.

Ну да сейчас карты разложим и будем думать что у вас там. Ссылку на сайт напишите