Верстайте больше сложные проекты

контекст наложения, препроцессоры. Ну и практика конечно

БЭМ еще

Адаптивная вёрстка, резина

Спасибо))) А шарите хорошие форумы какие-то по вёрстке?

htmlacademy

Ахах, то основа основ)))

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

То есть если при всем этом ты не был / не видел htmlacademy - тебе туда)

https://codepen.io/TryDotAtwo/pen/abOYvje?editors=0100
Попробовал улучшить, но я не понимаю как сделать удобнее для отладки (постукиваю клешнями)

Исправил отступы так сказать

Исправил сейчас :)

Там логика такова, что у меня все кнопки с display: none, кроме 1-й и 2-й. Потом при активации радиокнопки у меня каким-то присваивает display: inline, а каким-то display: none. Вроде все просто, но не работают нечетные кнопки

Ну и каждая кнопка при нажатии меняет  transform: translateX(-75%); у контейнера с картинками.

Связь идет через ~, поэтому обращение идет только к братским классам, что позволяет делать много слайдеров на странице с одинаковыми классами

Ресурс, не плохо. Инфа есть. Но это для новичков больше подходит

Ты говорил, что плюс этого метода в том, что можно наклепать слайдеров и они все будут работать

А если тебе нужно добавить 10 изображений в слайдер?

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

css - селекторы.  Комбинатор всех соседних элементов
https://developer.mozilla.org/ru/docs/Web/CSS/CSS_%D0%A1%D0%B5%D0%BB%D0%B5%D0%BA%D1%82%D0%BE%D1%80%D1%8B

Что ты будешь делать в таком случае? Дописывать ещё 50 строк кода?

Хмм, а что если тильда не видит кнопки, которые за текущей кнопкой выше в дом структуре?