Added responsiveness
This commit is contained in:
parent
d288575592
commit
602fb0f9c3
@ -165,6 +165,19 @@ li .splide__pagination__page.is-active {
|
|||||||
background: #2c2c2c;
|
background: #2c2c2c;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 950px) {
|
||||||
|
.slide-content {
|
||||||
|
margin: auto;
|
||||||
|
padding: 10px 5px 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slide-img {
|
||||||
|
max-width: 800px;
|
||||||
|
width: 100%;
|
||||||
|
height: unset;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.about-parent {
|
.about-parent {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-flow: row wrap;
|
flex-flow: row wrap;
|
||||||
|
@ -5,6 +5,12 @@ document.addEventListener( 'DOMContentLoaded', function() {
|
|||||||
focus : 'center',
|
focus : 'center',
|
||||||
autoWidth: true,
|
autoWidth: true,
|
||||||
autoplay: true,
|
autoplay: true,
|
||||||
|
mediaQuery: 'max',
|
||||||
|
breakpoints: {
|
||||||
|
950: {
|
||||||
|
destroy: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
} );
|
} );
|
||||||
splide.mount();
|
splide.mount();
|
||||||
});
|
});
|
Loading…
Reference in New Issue
Block a user