fantastikgodd

https://jsfiddle.net/908f2t5p/

Возможно вы это искали.

Вроде так :


Перезапустить нажмите на :

box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.1);

У вас бордер добавляется к кнопке, вот и скачет

как поправить?

Открыть инспектор, навести на элемент, посмотреть что в стилях меняется (например добавляется бордер к элементу или еще что происходит), дальше много думать, потом поправить.

Например вы можете сделать скрытый input и на него повесить datepicker, а при клике на абзац показывать его через $( ".selector" ).datepicker( "show" );

Т.е как то так:

https://css-tricks.com/snippets/css/fluid-typography/
https://mattclaffey.medium.com/responsive-fonts-us...

document.addEventListener('click', ({ target: t }) => {
  if (t.classList.contains('close')) {
    t.closest('.popup').classList.remove('popup--active');
  } else {
    const button = t.closest('.block__item');
    if (button) {
      document.querySelector(`.${button.dataset.popup}`).classList.add('popup--active');
    }
  }
});

Вынести их за пределы слайдов:

#s2 {
overflow-y: scroll;
}

https://jsfiddle.net/StiflerProger/n6wzh07y/102/

const toDate = (str) => {
  const [date, month, year] = str.split('.');
  return Date.parse([year, month, date].join('-'));
}

const sorted = arr.sort((a, b) => toDate(a.date) - toDate(b.date))

const sortedArr = arr
  .map(n => [ n, new Date(n.date.split('.').reverse().join('-')) ])
  .sort((a, b) => a[1] - b[1])
  .map(n => n[0]);

https://jsfiddle.net/yarkov_aleksei/95hms1jb/

Функция the_date() может выводить дату большим количеством способов.
Прочитайте данную статью.

RTFM

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

Чтобы выводить дату для всех постов (с версии 3.0) нужно использовать функции: the_time() или get_the_date().

scrollIntoView
ELEMENT.scrollIntoView({ behavior: 'smooth' });

<div style="background-image: url(<?php echo get_template_directory_uri() ?>/img/pattern.svg)"></div>