Как и возможно ли прописать модификатор в css nesting?

спасибо )) да,также ответили и гугловские разрабы и это плохо как помне наверняка привык к scss

Проблема с прелоадом шрифтов с помощью preload. Как пофиксить?

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

Как убрать пространство в чекбоксе в состоянии checked?

всем спасибо !! борде на спане

Как убрать пространство в чекбоксе в состоянии checked?

Wispik, VasyaID, блин а ведь правда все работает... хром барахлит походу .. а подскажите как в состоянии checked убрать бордер у филда?

Как пофиксить обрезание box-shadow в swiper slide?

Сергей delphinpro, Ankhena, ну помогает паддинг и отрицательный марджин но в таком случае если у слайдера параметр slidesPerView: 3 то выскакивает и четрвертый слайд

Как пофиксить обрезание box-shadow в swiper slide?

если даю паддинги слайдеру то если напр стоит slidesPerView: 3 то появляеться и четвертый слайд

Как реализовать выбор цвета продукта в html css?

Alex_mos, спасибо

Как реализовать выбор цвета продукта в html css?

а в этом случае форма нужна или можно опустить и просто в томже списке импуты закиннуть?

Как сделать такую структуру грида?

Ankhena, а если есть время и сделать добро помочь мне нет? )) и вы отдохнете от меня и моих нубовских вопросов и я увыжу что и как надо будет делать в будущем заодно и спасибо скажу и словечко закину за вас в рай через 136 лет ))
вот код

Как сделать такую структуру грида?

Ankhena, не знаю что я делаю не так может чет не хватает пропысать но при таком вот коде
размеры элементов выходят такие маленькие 589.33px - 500px а большие 1194.66px - 500px а должно быть 735-500 и 1109-500

Как сделать такую структуру грида?

Ankhena, у меня в макете первый и последний баннер с широной 735px а средние с шириной 1109px а в гридах никак не могу достичь точного размера баннеров ))чета нетак делаю

Как сделать такую структуру грида?

Ankhena, я близко? )) как теперь размеры задать корректно штоб получилось 735px-500px и 1109px-500px?

Как сделать такую структуру грида?

вот так?

Как сделать такую структуру грида?

Вадим, верно надо было и код вставить и конкретнее вопрос задать энивей вот я учусь на гридах только сейчас
вот создал ту самую галерею так:
контейнер у меня 1860px а размеры элементов маеленьких 735х500рх а больших 1109х500рх так вот у меня не получаеться по таким размерам

Как в модальном окне открыть другое модальное окно?

ну вот таков человек хочеться все и сразу,я вот только начал изучать HTML/CSS + JS и вот взялся сразу за самое трудное )) решил протестировать свое знание,пересмотрел разные сайты интернет-магазинов и создал один макет в figma сейчс вот уже верстаю и вроде все шло хорошо до момента модальных окон
вот у меня есть страничка профиля где есть подраздел с методами оплаты(список)тамже есть и кнопка добавления нового метода которая открывает модальное окно и оно работает но вот в самомо модальном окне есть такой пункт add billing address(кнопка)вот нажмая на нее хочу чтоб открывалось новое модальное окно а данный плагин не дает это сделать вот и задал вопрос есть ли возможность добавить такую функцию в данный плагин ))

Как стилизовать лейбл для input?

https://www.nike.com/member/settings/

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

<from class="form">
     <div class="form__email">
       <label for="">E-mail</label>
       <input type="email" required name="email" placeholder="E-mail">
     </div>
   </from>

Как изменить количество swiper pagination bullet?

спасибо ))

Как заставить работать 2 слайдера swiper на странице?

Ankhena, скопировал вставил но увы не работает.кликаю на кнопку а она не воспроизводит видео

Как заставить работать 2 слайдера swiper на странице?

Ankhena, у меня проблема с js
там слайдер через main-slider__media и видео видет клик main-slider__play работает соответсвенно и видео а вот что прописать для второго слайдера video-slider__media чтобы клик video-slider__play и видео воспроизвелось

Как заставить работать 2 слайдера swiper на странице?

Ankhena, на странице сами кнопики видны но в js как заставить заработать видео при клик на воспроизведение видео это не понимаю
попробую тут стили закинуть
вот стили первого слайдера в котором все работает

.main-slider {
	overflow: hidden;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	line-height: 1;
	font-size: 0;
    margin: 0;
}
.main-slider__media {
    width: 502px;
    height: 280px;
    margin: 0;
}

.main-slider__play {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 32px;
	height: 41px;
	background-image: url("../../img/icons/play.svg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 50;
}

а вот стили второго слайдера в которой работают только картинки а видео не кликаеться кнопка и не показывает

.slider-container {
    overflow-x: hidden;
    width: 100%;
    padding: 100px 0;
    margin-top: 50px;
    
}
.slider-container .swiper-slide {
	position: relative;
	border-radius: 8px;
	min-height: 550px;
	width: 890px;
	transition: transform 0.3s;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	overflow: hidden;
}

.slider-container .swiper-slide::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 50%, rgba(0, 0, 0, 0.461617) 100%);
    border-radius: 8px;
    opacity: 0;
    transition: opacity 0.3s;
}
.slider-container .swiper-slide-active {
    transform: scaleX(1.16) scaleY(1.2);
    transition: transform 0.3s;
}

.slider-container .swiper-slide-active::after {
    opacity: 1;
    transition: opacity 0.3s;
}

.slider-title {
	font-weight: 700;
	font-size: 28px;
	color: var(--white-color);
	position: relative;
	z-index: 5;
	padding-left: 35px;
	padding-bottom: 30px;
	transition: transform 0.3s;
	transform: translateY(200px);
}

.swiper-slide-active .slider-title {
    transition: transform 0.5s;
    transform: translateY(0);
}
.video-slider__play {
    position: absolute;
    width: 112px;
    height: 112px;
    top: 39px;
    left: 48px;
    background-image: url(../../img/icons/Video\ Icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    z-index: 50;

}

.swiper-slide video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}