Александр Алексеев

примерно как тут https://codepen.io/shure348/pen/LYYJBNJ
только 2 кадра и можно через before-after

.root { column-count: 2 }
правда есть нюансы) гуглите свойство break-inside

breakpoints и rows это старый баг слика, который они не собираются исправлять))))

таблицу ovetflow: hidden
на кнопку .toggleClass()
на класс вешаем своство max-height а на таблицу transition: max-height

посмотреть в сторону библиотек для постройки графиков, например chart.js

es6+ (стрелочные функции, деструктуризация, классы)
xhr, axios
свободное владение влет методами массивов и объектов, преобразование данных
typescript

А что с z-index инпута или его родителей?
Сдается мне он выставлен и равен соседу.
Попробуйте убрать.

когда слайдов слева или справа нет, то у кнопок появляется специальный класс .slick-disabled
и можно все банально скрыть цсской

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

а что если попробовать на video поставить атрибут onload и из него вызывать все что вам надо?

удаляйте класс с соседних элементов раньше, и ищите в селекторах этот класс active
при вешании класса на кликнутый элемент обращайтесь к this

jQuery('.product-tabs li.active').removeClass('active'); 
jQuery(this).addClass('active');

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

короч сомнительно это.. проще и быстрее все самому)

используйте тернарный оператор

path к видео пустой
это норм?

добавить в форму
<input type="submit" style="display: none;" />

но это такой себе костыль

отдавать приватный контент только по запросам с токеном

почитайте про JWT
Passport вам в помощь

почему нет?
делал как то игрушку-стрелялку, там пульки были экземплярами класса Bullet и их было ОЧЕНЬ много