Сергей delphinpro

.reviews__slider .reviews__slide {
  height: auto;
  display: flex;
}

.reviews__item{
  box-shadow: -1px 2px 15px 0px rgba(30, 35, 66, 0.15);
  border-radius: 10px;
  padding: 25px 25px 28px 25px;
  margin: 15px;
  display: flex;
  flex-direction: column;
  position: relative;
  margin: 15px; 
  /* height: 100%; */
}

.head-header__burgerMenu {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.head-header__burgerMenu div {
  width: 40px;
  height: 5px;
  background: red;
}

.head-header__burgerMenu {
  ...
  gap: 5px;
}

.head-header__burgerMenu div {
  transform: translateX(5px);
}

.head-header__burgerMenu div:nth-child(2) {
  transform: translateX(-5px);
}

function createApp () { //добавляем содержимое в html-вёрстку
    // прочитать список
    studentList = JSON.parse(localStorage.getItem("myKey") ?? '[]');

    const container = document.querySelector('.conteiner'); // подключаем контейнер
    const tableObj = createTable(); // создаем таблицу
    container.append(tableObj.table); // добавляем в разметку созданную таблицу
    const addBtn = document.querySelector('.add-btn'); // поключаем кнопку
    addBtn.addEventListener('click', () => { // навешиваем событие на кнопку, чтобы при клике срабатывала функция
      addStudent(studentsList, tableObj.tbody); // функция добавления студента из формы.
      // При каждом обновлении сохраняем
      localStorage.setItem("myKey",JSON.stringify(studentsList));
    });
    // А это не надо
    // localStorage.setItem("myKey",JSON.stringify(studentsList));
}

::before {
  pointer-events: none;
}

<div class="container">
    <div class="block">
        <div class="text">
            Lorem ipsum...
        </div>
    </div>
</div>

.block {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.text {
    grid-column: 2 / 3;
}

.block {
    display: flex;
}
.text {
    width: 50%;
    margin-left: auto;
}

.text {
    margin-left: 50%;
}

<span class="rules-intro__text">
    <?=$rulesCategoryOne['content']?>
</span>

$rulesCategoryAll = $queryCategoryOne->fetch_all();
// Я не знаю как у вас называется такой метод!!!


<?php foreach($rulesCategoryAll as $rule): ?>
<span class="rules-intro__text">
    <?=$rule['content']?>
</span>
<?php endforeach; ?>

window.onload = () => {

  const popUp = document.getElementById('cookiePopup');

  function showPopup() {
    popUp.classList.add('show');
    popUp.classList.remove('hide');
  }

  function hidePopup() {
    popUp.classList.add('hide');
    popUp.classList.remove('show');
  }

  document.getElementById('acceptCookie').addEventListener('click', () => {
    localStorage.setItem('cookieAccepted', '1');
    hidePopup();
  });

  if (localStorage.getItem('cookieAccepted') === '1') {
    hidePopup();
  } else {
    showPopup();
  }

};

Как сверстать такой каталог?

<a class="menu">Menu item</a>
<a class="menu">Menu item</a>
<a class="menu">Menu item</a>
<a class="menu">Menu item</a>
<a class="menu">Menu item</a>

.menu {
  transform: translateX(-100%);
  opacity: 0;
  transition: all 0.5s ease;
}

.menu.ready {
  transform: translateX(0);
  opacity: 1;
}

const delay = 300;
[...document.querySelectorAll('.menu')].reverse().forEach((menu, index) => {
    setTimeout(() => {
        menu.classList.add('ready');
    }, delay * (index + 1))
});

ul {
  text-align: center;
  list-style-position: inside;
}