ArturMavlidov

Не совсем понял, что именно нужно, но укажу на ошибку: Ты задаешь свойство order классам .one, .two. .three, и это не дает вообще ничего, так как это свойство работает только с дочерними элементами flex или grid контейнера.
Flex контейнер в твоем случае - блок .Code, так что свойство order будет работать только для .Right и .Left

Отлавливать другое событие? Например, открытие слайда возможно по клику? Может, тогда по клику и скрывать описание

А в чём проблема? Пример html с методологией БЭМ:

<div class="search">
  <form class="search-form">
    <!-- Элемент `input` блока `search-form` -->
    <input class="search-form__input">

    <!-- Элемент `button` блока `search-form` -->
    <button class="search-form__button">Найти</button>
</form>
</div>

Вот и вложенность

const setCssClass = () => {
  const div = document.querySelector("selector");
  
  div.offsetWidth< 250 // Используем тернарный оператор
    ? div.classList.add("class1")
    : div.classList.add("class2");
}

Не совсем понял, что именно тебе нужно. Если именно изменить display: flex на display: none при загрузке сайта, то в скрипте:
document.addEventListener('DOMContentLoaded', () => {
element.style.display = 'none';
})