Как вывести title ajax?

Thomas Laybe, я ванговать не умею. Я понятия не имею в чём у вас затык. В теории должно работать. Если не работает - значит где-то ошибки (могут быть как на сервере, так и на клиенте). Какие именно ошибки - разбираться надо вам, поскольку доступ к исполняемому коду имеете только вы.

Как вывести title ajax?

Ну я не старая слепая болгарская бабка.

Веб-инспектором пользоваться умеете? Посмотрите сетевые запросы, посмотрите что сервер отвечает, законсольте ответ и т.п.

Как при большем количестве контента уменьшать картинку?

Jack, вот это допишите

.card-body {
  flex: 0 1 auto;
  overflow:hidden;
}
.card-body img{
  height:100%;
}

Корректно ли делать навигацию по DOM через индекс элементов?

Всё не так просто.
Во-первых, нужен "ванильный" ES5 (привет кроссбраузерность).
А обращение к определенному элементу из коллекции по индексу надо потому, что через этот элемент получаем значения других элементов, которые динамически генерируется через тот же самый индекс.

На пальцах: на странице есть пара калькуляторов, в них селекты, в селектах <option> генерируются через JS из массива данных. По клику на кнопку калькулятора - надо считать значения селектов и произвести некие манипуляции над ними. Поскольку селекты я генерирую через классы (для уменьшения объёма кода), то и обратиться я к ним могу только через классы и индекс коллекции. Что-то типа:

cacl1Btn.onclick = function() {
	calculateSelectbox(0);
},
cacl2Btn.onclick = function() {
	calculateSelectbox(1);
}

var selectItem = document.getElementsByClassName("calc-item");

function calculateSelectbox(index) {
	var result = selectItem[index].value;
/* ... */
}

Понятно что тут можно гораздо оптимальнее и проще написать, но опять же - кроссбраузерность. Поэтому многое идёт лесом. Оно возможно и совместимо будет по итогу, но я просто не хочу тратить время на тестирование и выяснение. Поэтому постарался максимально "топорно" сделать.

UPD: Единственное что думаю оптимизировать - это индекс на обработчике нажатия кнопок не вручную проставлять, а написать функцию, которая будет возвращать индекс кнопки из своей коллекции. Так сказать заложиться на добавление ещё копий калькуляторов.

Корректно ли делать навигацию по DOM через индекс элементов?

В том-то и дело что знаю))
Дублируется некий функционал. Не копипастить же код под getElementById.
Хочу обращаться по классу, а различать выборку элементов через их порядковый номер в коде.
Вот живой пример:

arr.forEach(function(e, t, n) {
	Object.keys(els).forEach(function (key) {
		var c = document.createElement("option");
		c.innerHTML = e.name,
		c.value = e.k,
		els[key].appendChild(c)
	})
})

Как реализовать поиск на js?

1. ограничение на минимальное количество символов для запуска поиска прикрутите
2. https://medium.com/nuances-of-programming/%D1%87%D...

Почему при использовании относительных единиц объект искривляется?

RealBoy211, ну так вы сформулируйте - что конкретно вы хотите получить?

Почему при использовании относительных единиц объект искривляется?

Ошибки округления. Тем более что вывод Codepen-a работает в айфрейме. Т.е. код выполняемый в айфрейме считает размерами вьюпорта - размеры айфрейма. А у вас ещё и горизонтальный скролл в браузере...

Относятся ли дефолтные браузерные шрифты к локальным в @font-face?

wvw1, или же я что-то упусил? - ага. Например, вы уверены, что Edge вам Убунтой отрисовал текст? Вы с типографикой в каких отношениях?

Как очистить папку .git (из локального и удаленного репозитория)?

С плясками и бубном помогло - первые две команды в гитбаше, а пушить через тортиллу (ключи через путти сохранены). При этом локальная папка .git остается без изменений, и только после удаления/клонирования резко уменьшается в размерах (но не до нуля, в одной репе аж 10 метров весит, но это вместо 150).

Как очистить папку .git (из локального и удаленного репозитория)?

Владислав Лысков, но она там есть. Ей как бы плевать, на ваши тезисы. И совет на будущее - если по теме нечего сказать, может лучше промолчать?

Как очистить папку .git (из локального и удаленного репозитория)?

А потом я в гитхабе нажму кнопочку "клонировать репозиторий" и эта папочка появится снова. (с) Ваш кэп

Как избавиться от мерцания элемента при обновлении стилей?

Drakondr, тогда показывайте код. CSS тут не причём. Возможно js DOM перерисовывает.
UPD: Кажется понял в чём проблема.
С помощью JS просто навешивайте класс. А в CSS пропишите бэкграунды для этих классов.

Как адаптивно разместить блоки div (по три в ряд, а для мобильной версии центрированно один под другим)?

@media (max-width: 576px)
{
    .container{
        justify-content: center;
        grid-template-columns: 280px;
        row-gap: 20px;
    }
}

Какой лёгкий редактор кода выбрать?

Strannyk, если уж мы заговорили о правилах хорошего тона, то как вы оцениваете собственные попытки раздуть флэйм на пустом месте?
И что это за хороший тон - для экономии времени спрашивать запрещается?

Какой лёгкий редактор кода выбрать?

Strannyk, вы мне предлагаете перепробовать все редакторы кода? Да как я вообще посмел обратиться с таким вопросом на айтишном форуме!

Почему событие клика срабатывает несколько раз(2)?

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

Насколько трудоёмко будет реализовать такое меню?

Не будет. Как мне размеры родительского блока высчитывать? Через opacity:0 для подменю, по ховеру получать его размеры, а затем уже проставлять размеры блоку?
В теории да, этот способ будет работать. Но это же даже костыль, это инвалидное кресло))
Так-то есть вариант заменить "click" на "mouseenter/mouseleave", там тоже не очень просто получится - mouseleave надо будет отслеживать и на пункте меню, и на подменю, но хотя бы на каждый чих не надо заставлять браузер считать размеры))

Как сделать такую сетку?

Влад, что не так с высотой? Высота у изображений исходная.

Как сделать такую сетку?

Влад, аргументируйте. В представленные макеты мой код попадает точно.
На десктопе три колонки, равных по ширине, с равными отступами между изображениями; изображения вписаны по ширине без обрезки. На мобиле - две колонки.