MRcracker

Если именно используя while, то можно:
Если массив исходный не нужен, то с помощью array_shift()
Если нужен массив исходный или вариант с array_shift() не нравится, то работать с указателями.
Если 100% известно, что массив всегда будет содержать только индексы от нуля без пропусков, то получать доступ к данным индекса с помощью переменной-счётчика (но лично я бы так не делал…я - параноик).

Ранее, до цикла, создать переменную $num со значением 0. Затем, в цикле, проверять, больше ли значение значения $num. Если больше, то записывать это значение в $num. Если нужно и ключ знать, то и ключ записать куда-нибудь.

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

Я бы и кодов понаписывал, да со Смарта неудобненько.

З. Ы. Может есть варианты и получше, подождём, что предложат.

$array_b=[1,2,3,4,5];

$reversed = array_reverse($array_b);
echo implode(',', $reversed);
//5,4,3,2,1

Ну скорее всего не Word а Exel...
Есть PHPExcel – библиотека, предназначенная для обработки данных формата MS Excel.

Все просто:
1) Exel (xls,xlsx) фал загружается на сервер
2) Скрипт читает файл и обновляет/добавляет данные

Чего тут быстрого? Самая стандартная скорость загрузки. Только сделано аккуратно.
Сайт пользуется всем тем, чем принято пользоваться при оптимизации: отложенной загрузкой неважного контента, шрифтов, картинок, побочных блоков. Сжатие, кеширование. Ну и работа бекенда. Аккуратно использован WordPress, а не как принято - нафигачить плагинов и в путь.
Здесь ничего феноменального нет.

Почитайте банально в интернете о том, как это делается. Например: https://habr.com/ru/company/kingservers/blog/346956/

Во первых, Gatsby это SSG, он генерирует статичные сайты, а еще умеет генерировать PWA (сам гэтсби, к слову, именно так себя позиционирует, как PWA генератор). Это не SPA.

На счет вордпресс вы правильно поняли - его можно использовать с гэтсби в качестве CMS. Никакого отношения к логике самого сайта, при этом, вордпресс иметь не будет, это будет просто именно интерфейс для работы с контентом. Вообще есть множество CMS нацеленных специально для работы со статичными генераторами сайтов, вот хороший список: https://headlesscms.org/

На счет баз данных. Внутри гэтсби для работы с данными встроен GraphiQL, он работает из коробки. При этом источниками инфы может быть что угодно, это могут быть и внутренние файлы (популярно использование markdown файлов для постов в блоге, но вообще можно хоть json или csv использовать), и какие либо API (тот же вордпресс).

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

На счет комментариев. Можно пользоваться сервисами для комментариев, есть попсовый https://disqus.com/ или есть опенсорсная платформа для комментариев https://commento.io/.

Вообще я часто вижу что и сайты на вордпресе все равно использую тот же дискус.

Если я правильно понял суть вопроса, можно каждой строке задать display: flex (можно и всем, но тогда дальнейшая настройка чуть сложнее), элементам-дивам - flex-basis 100%, ну и прочего по вкусу. Остальное флексбокс сделает сам:
https://codepen.io/schegol/pen/WNbNdrR

UPD. flex-shrink: 0 картинке еще забыл.

Создай 3 div, как колонки, задай им ширину и запихни туда нужные блоки. Удобнее - через flex или bootstrap.
Если у тебя подключен bootstrap - структура такая:

row
    col-4
        block-1-1
        block-1-2
        block-1-3
    col-4
        block-2
    col-4
        block-3-1
        block-3-2
        block-3-3

Спрос на художественный вкус у разработчика зависит от задач проекта.
Крайне редкие проекты не используют готовые шаблоны, как правило изначально как ставят bootstrap etc,
так и выталкивают продукт с миниальными правками в них.
Ничтожно мало проектов разрабатывает собственное UI.
А на публичный KIT у нас готовы раззориться только гиганты типа Яндекс.

Вам прямой путь в разработчики UI. На стандартных проектах невыгодно заявлять оба скилла, задёргают.

Дизайнер - фронтенд разработчик, разработчик интерфейсов можно добавить. Это очень перспективно и конкуренции нет почти. У нас в городе такие вакансии несколько лет могут закрываться. Правильно, начинай js фреймворки осваивать я бы советовал для начала React.

Вам тут не нужен js:

.div1:hover + .div2,
.div2:hover {
  display: block;
}

Конечно, если вы не наврали про взаимное расположение блоков. Можно прятать элемент по таймауту, чтобы у пользователя было время переместить курсор с одного элемента на другой:

.show {
  display: block;
}

let timeout = null;

function onEnter() {
  clearTimeout(timeout);
  div2.classList.add('show');
}

function onLeave() {
  timeout = setTimeout(() => div2.classList.remove('show'), 300);
}

div1.addEventListener('mouseenter', onEnter);
div2.addEventListener('mouseenter', onEnter);

div1.addEventListener('mouseleave', onLeave);
div2.addEventListener('mouseleave', onLeave);

Только css

.div1 {
  width: 200px;
  height: 50px;
  background: red;
  margin-bottom: 20px;
}
.div1:hover ~.div2{
  display: block;
}
.div2 {
  display: none;
  width: 200px;
  height: 50px;
  background: green;
}

https://jsfiddle.net/vkorotenko/bd54xrtL/

Нет на css этого сделать нельзя, да и ненужно когда для этих целей есть js.

function tabs(selector) {
  const tab = document.querySelector(selector);
  const tabNav = tab.querySelectorAll('.tabs-nav__item');
  const tabContent = tab.querySelectorAll('.tab');
  
  tab.addEventListener('click', selectTabNav);

  function selectTabNav(event) {
    const tabName = event.target.dataset.tabName;
    if (!tabName) return;
 
    tabNav.forEach(item => item.classList.remove('is-active'));
    event.target.classList.add('is-active');

    tabContent.forEach(item => {
      item.classList.contains(tabName) ?
      	item.classList.add('is-active') :
        item.classList.remove('is-active');
    });
  }
}

tabs('#tabs-1');
tabs('#tabs-2');

<div class="wrapper">
  <div id="tabs-1" class="tabs">
  <!-- ... -->
  </div>

  <div id="tabs-2" class="tabs">
  <!-- ... -->
  </div>
</div>