раньше чем html- ну, ты можешь вставлять script перед body, сделать его внешним, чтобы браузер не отрисовывал страницу до загрузки...
<input id="name">
<label for="name">Кнопка</label>display: none и абсолютный абзац. Оба выходят из потока, т.е. для браузера слайд, считай, пустой. И для слика. Вот он и уменьшает размеры слайдера до 1 слайда, где есть картинка.display: none slick не подружится. Как вариант - сделать картинку абсолютной + прозрачной + убрать вверх. А для класса .slick-center возвращать всё обратно. Мне впадлу это делать, могу просто рабочий вариант твоего слайдера кинуть - вот он
Есть какое либо решение этой задачи не прибегая к пропсыванию импорта в каждом styl файле?
bootstrap gridcss @media
<input class="option"> после <input class="option"> . теперь у тебя два .option