style={{ backgroundImage: `url("/images-1.jpg")` }}
768: {
enabled: false,
slidesPerView: 5,
}
let breakpoint_mobile_min = window.matchMedia('(min-width: 768px)'),
projectInit = false,
projectSlider= Swiper;
function projectSliderInit() {
if (breakpoint_mobile_min.matches) {
if (projectInit) {
if ($('#slider3').hasClass('swiper-initialized')) {
projectSlider.destroy();
projectInit = false;
}
}
} else {
if (!projectInit) {
projectInit = true;
projectSlider= new Swiper('#slider3', {
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
enabled: false, //определитесь нужны вам стрелки или нет
},
pagination: {
el: '.swiper-pagination',
clickable: true,
},
slidesPerView: 1,
});
}
}
}
$(window).on('resize load', function () {
projectSliderInit();
});.footer-top__nav__links {
display: inline-flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
}$(document).ready(function() {
$('.uk').click(function() {
$(this).toggleClass('open');
$('.cardC').toggleClass('shown'); //например класс shown будет отвечать за состояние показан-скрыт
});
});background: #eee;, можно сделать так:.grid a:hover ~ div {
background: #444;
}
.grid a:hover ~ a ~ div {
background: #eee;
}slidesPerView: 'auto', и задать ширину одного слайда в стилях.
.ava{
display: flex;
align-items: center;
justify-content: center;
...
}<label>
<div class="file_info"></div><div class="inp_file">Выбрать файл</div>
<input type="file" name="file" accept="text/*" id="code">
</label>label {
white-space: nowrap;
}label {
display: flex;
flex-wrap: wrap;
}