Можно ли вынести input radio в другой div за пределы контейнера слайдера.
В общем как задать этому слайдеру определённую высоту = всей области экрана - верхние 2 строки.
Чтоб этот размер можно было прописать в сдвиг translateY(%).
translateY(100%) или translateY(-100%)
можно как вариант не исправлять, а показать, рассказать способ, как это лучше сверстать
поставить иконки (features), на сайте не через тег img html а через css, а в html использовать background img
<div class="test" style="--bgi: url(https://via.placeholder.com/200x80/)"></div>
.test {
background-image: var(--bgi)
}хотя бы примерная причина, на флексах
ширина зависела от длины слов
Мне необходимо улучшить дизайн моих чекбоксов.
У вас же есть слайдер. Там все блоки по 100vh.
Вам 100vh не нужно, а нужно 100% клетки грида (т.е. можно вообще ничего не писать про высоту).
В нем форма (лучше уж просто div, всё равно инпуты не по назначению не станут семантичнее от того, что будут обернуты в form, который формой не является).
И overflow, чтобы обрезать лишние слайды.
Мне было лениво вычищать все 100vh и вообще лишнюю помойку из этого кода, дальше сами. Суть, думаю, ясна.
https://jsfiddle.net/ser8ht12/
Разберетесь с принципами, удаляйте это всё к черту и пишите нормальные слайдеры на js.