Какие есть способы сделать так, что бы фоновое изображение на разных расширениях было разное?

Сергей Сергей, Да, а помимо этого?) Один и тот же блок, на разных страницах с разным фоном...

Можете указать на ошибки в верстке?

Ankhena, Спасибо за совет

Можете указать на ошибки в верстке?

Froggyweb, Спасибо за совет

Можете указать на ошибки в верстке?

imko, Спасибо за совет

Можете указать на ошибки в hml БЄМ?

Антон Литвиненко, Извините, там было слишком много кода, habr не принимал его) Разве что создавать много вопросов одинаковых, но с разным кодом)

Можете указать на ошибки в hml БЄМ?

Антон Литвиненко, У меня вот в папке src/components блоки кода не минифицированы https://github.com/qmorozov/Cucina-Preferita/tree/...

Почему появляется ошибка "Cannot read property 'dataset' of null"?

black1277, Получается так что он сначала пытается найти первые два слайдера на странице, их там нету, и дальше код уже не работает. Когда на другой странице где есть первые два слайдера, всё работает, но уже последний не находит ( что логично )....

Почему появляется ошибка "Cannot read property 'dataset' of null"?

black1277, Он почему-то на страницу ищет первые два слайдера...

Если я их закомментирую, оставлю только последний, всё будет работать, а иначе он ищет то, чего нету на странице.

На той странице где первые два слайдера, всё работает нормально...

Как правильно назвать классы этого слайдера по БЭМ?

Вадим, Спасибо!

Как правильно назвать классы этого слайдера по БЭМ?

Вадим, Здравствуйте, можно ещё у вас спросить, как правильнее писать модификаторы по БЭМ.
В документации написано что модификаторы пишутся как-то так "popup_sun", но почему-то много людей я встречал что пишут "popup--sun". Вот здесь запутался, как правильно?)

Как правильно назвать классы этого слайдера по БЭМ?

Вадим, Спасибо за ответ)
section-outer Это у меня был класс который задает отступы вниз от section. ( они у меня есть на каждой секции )

Как назвать классы по БЭМ?

Евгений Им

<div class="goods-slider">
                                <div class="goodsMainSlider-container">
                                    <div class="goodsMainSlider-wrapper">

                                        <div class="goodsMainSlider__item">
                                            <img class="goodsMainSlider__item-img" src="" alt="">
                                        </div>

                                        <div class="goodsMainSlider__item">
                                            <img class="goodsMainSlider__item-img" src="" alt="">
                                        </div>

                                        <div class="goodsMainSlider__item">
                                            <img class="goodsMainSlider__item-img" src="" alt="">
                                        </div>

                                    </div>
                                </div>
    
                                <div class="goodsSecondSlider-container">
                                    <div class="goodsSecondSlider-wrapper">

                                        <div class="goodsSecondSlider__item">
                                            <img class="goodsSecondSlider__item-img" src="" alt="">
                                        </div>

                                        <div class="goodsSecondSlider__item">
                                            <img class="goodsSecondSlider__item-img" src="" alt="">
                                        </div>

                                        <div class="goodsSecondSlider__item">
                                            <img class="goodsSecondSlider__item-img" src="" alt="">
                                        </div>

                                    </div>
                                </div>
                            </div>

Вот что я написал, но скорее всего не правильно это. Ещё мне кажется слишком большие классы...

Как назвать классы по БЭМ?

Евгений Им
Не могли бы вы мне подсказать, как правильно назвать классы в данном примере (слайдер)?

Спасибо!

Как сделать активный слайд центрированным, если “centeredSlides: true” не работает?

Anonimmus, Спасибо, этот вариант помог)

Как сделать активный слайд центрированным, если “centeredSlides: true” не работает?

Ankhena, Вот такое у меня получилось codepen, но не получается задать нормально width)

Как сделать активный слайд центрированным, если “centeredSlides: true” не работает?

Anonimmus, А можно как-то самому задать ширину для слайдов, если стоит slidesPerView: 3, а не slidesPerView: 'auto'?
У меня активный слайдер их не принимает, когда я ставлю количество слайдов...

А если использовать slidesPerView: 'auto', то тогда центрирование не работает...

Как сделать активный слайд центрированным, если “centeredSlides: true” не работает?

Ankhena, Было бы ещё понятно каких стилей не хватает, когда я меняю классы. А насчёт активного слайда, transform: scale я пробовал, мне кажется не совсем этот вариант подходит, так как нужно достаточно сильно увеличить активный слайд, но тогда он находит на другие, и ему всё равно на отступы....

Как правильно сделать валидацию :valid :invalid?

Спасибо

Как избавить от пустых мест между картинками?

Ankhena, https://codepen.io/Mukzer/pen/YzVQMQV?editors=1000