Andrew Foy

Так он же вам английским по консоли пишет что не знает что такое index, вот проблемная функция:

function autoWrite() {
    // Script
    mainContainer.innerText = text.slice(0, index);
    index++;

    if(index > text.length - 1) {
        index = 0;
    }

    // Text Style
    mainContainer.style.color = '#414141';

}

Подозреваю что вы забыли определить глобальную переменную index (хотя глобальные переменные - зло).

UPD: поправил. https://jsfiddle.net/xjas4u6r/
Упреждая следующий вопрос: innerText не понимает HTML-тегов.

Выбирай:
аккордеоны

Похоже на науку о контактах, да и срок подходящий. Вариантов много - от обращения в сервис, до промывки спиртом без вскрытия.

Нужен изопропиловый спирт в концентрации 99% (и не меньше! Любая вода в спирте убьет телефон), и шприц-единичка с иглой. Набираете спирт и льете через иголку в щель между кнопкой и корпусом примерно 0.1-0.2 кубика спирта, кнопку тыкаете несколько раз.

Рисков куча - можно растворить какой-то клей и что-то отклеить, можно налить спирт внутрь экрана (и возможно, растворить его).

Делаете вы это естественно на свой страх и риск - мне с древним HTC помогло, поможет ли вам - не могу знать.

Chrome:


Firefox:

Готово. Только не понятно какой блок Вам нужно увеличить, сделал так:

Отступы между элементами и обертками задавать в с помощью gap

Для внутренних частей компонентов - использовать любую стилизяцию, хоть флексами, хоть простоdisplay: block;

Даже на деревяшке будет работать : https://codepen.io/topicstarter/pen/VwmEjNO

Сделать бекграундом к body.

Самый простой способ:
1. Скрыть стандартную стрелку - appearance: none;
2. Добавить свою стрелку - background: url(arrow_custom.svg) no-repeat right;
3. Подвинуть по горизонтали - background-position-x: calc(100% - 8px);

.header-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

у .top-card-stats поменяй bottomна top: 100%;

Так relative должен быть контейнер, а внутри уже absolute.

На одном уровне они не будут работать!

Вот так можно,

<div style="positon relative"> 
  <img style="positon absolute"> 
  <div style="positon absolute"> </div>
</div>

Уберите пробел между repeat и (
Должно быть так grid-template-columns: repeat(2, 1fr);

grid-template-columns: repeat(6, 1fr);

.media {
    display: flex;
}