Added responsiveness
This commit is contained in:
parent
d288575592
commit
602fb0f9c3
@ -165,6 +165,19 @@ li .splide__pagination__page.is-active {
|
||||
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 {
|
||||
display: flex;
|
||||
flex-flow: row wrap;
|
||||
|
@ -5,6 +5,12 @@ document.addEventListener( 'DOMContentLoaded', function() {
|
||||
focus : 'center',
|
||||
autoWidth: true,
|
||||
autoplay: true,
|
||||
mediaQuery: 'max',
|
||||
breakpoints: {
|
||||
950: {
|
||||
destroy: true,
|
||||
},
|
||||
},
|
||||
} );
|
||||
splide.mount();
|
||||
});
|
Loading…
Reference in New Issue
Block a user