olya_097

Смотрите в сторону события TouchEvent

А должен? У вас 6 колонок, если хотите задать колонке всю ширину таблице, установите ей colspan равным количеству колонок, в данном случае 6

https://www.w3schools.com/howto/howto_css_custom_c...

.main-header__callback {
    white-space: nowrap;
}

<?php wp_head(); ?>

https://wp-kama.ru/function/wp_head

apps.eky.hk/css-triangle-generator
->
https://codepen.io/anon/pen/yWvqWE?editors=1100

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

Кнопка не переключает меню, а переключает класс.

$('.menu-button').on('click', function(){
  $('.menu').toggleClass('open');
});

.menu {
  display: none;
  
  @media(max-width: 767px){
    &.open { display: block; }
  }
}

При необходимости решения в javascript имеет смысл воспользоваться (IE11+) интерфейсом matchMedia вместо прослушивания ресайза.

$(window).on('resize', function() {
//Тут Ваш код < 767
});

Это будет работать когда размер окна меняется, чтобы код работал когда загрузили страницу то соответственно отдельно функцию тоже запихать

С кодом не помогу, но могу объяснить. transform: skewX(угол обрезки) для псевдоэлемента к примеру, для родителя оверфлоу хидден, ненужную часть псевдоэлемента скрыть за краем родителя.

Div которому бекграундом картинку,overflow: hidden;
Создаешь псевдо которому здааешь черный бекграунд с прозрачностью, большой по размерам нужным
Позиционируешь его по левому краю, трансформ ротейт на нужное количество градусов
На родителя оверфлоу хидден

А что мешает в браузере тыкнуть F12 и посмотреть, какие именно стили у вас на самом деле применяются к body и какие перекрывают ваш стиль?

Переменная flat хранит промежуточный результат.
Вот тут можно почитать про reduce подробнее.

Проверка на четность через рекурсию? Это где вы такое нашли? Ну, -n делается для того, чтобы отбросить минус, чтобы потом удобно делать n - 2 (и не идти в минус бесконечность).
т.е. логика такая, отнимаем у числа каждый раз двойку, и если мы дошли до числа 1, то число нечетное, если до нуля, то четное.
Вот вам нормальная функция

const isEven = function(number) {
  return number % 2 == 0;
};

потому что {a:1} === {a:1} // false

//Данная функция реверсит массив методом, схожим на метод сортировки пузырьком
function reverseArrayInPlace(array) {
  //пока не дойдем до середины массива
  for (let i = 0; i < Math.floor(array.length / 2); i++) {
    i-тый элемент массива(идем с 1го элемента) записывает в временную переменную
    let old = array[i];
    в i-тый элемент массива записываем значение i-того элемента с конца массива (при i = 0, самый последний массив, и т.д.)
    array[i] = array[array.length - 1 - i];
    //в вышесказанный элемент массива с его конца записываем значение i-того элемента массива (который мы во временную переменную записали
    array[array.length - 1 - i] = old;
  }
  //в итоге мы за O(n/2) ходов реверснули массив и возвращаем его
  return array;
}

let arrayValue = [1, 2, 3, 4, 5];
reverseArrayInPlace(arrayValue);
console.log(arrayValue);

количество элементов: 5
если количество элементов нечётное, то делением на 2 получим дробную часть: 5 / 2 = 2.5

Цикл с вариантом без floor:
1 < 2.5 // <- true
2 < 2.5 // <- true
3 < 2.5 // <- false

Цикл с вариантом использования floor:
1 < 2 // <- true
2 < 2 // <- false
3 < 2 // <- false

<textarea maxlength="число символов"></textarea>

var message = document.getElementById("message"); //Получаем id textarea

message.onkeypress = function() {
if(message.value.length >= 200) {
return false;
}
}

<button type="button"></button>

var searchBtn = document.querySelector('.main-header__button'),
		searchInput = searchBtn.querySelector('.main-header__input'),
		menu = document.querySelector('.main-header__menu');

searchBtn.onclick = function(event) {
			searchInput.classList.add('main-header__input_active')
			searchInput.focus()
			this.classList.add('main-header__button_active')
			menu.classList.add('hidden')
}

searchInput.onblur = function(event) {
  this.classList.remove('main-header__input_active')
  this.parentNode.classList.remove('main-header__button_active')
  menu.classList.remove('hidden')
}

Держи, то что просила.