Added responsiveness

This commit is contained in:
James Dinh 2023-01-06 22:52:26 -08:00
parent d288575592
commit 602fb0f9c3
2 changed files with 19 additions and 0 deletions

View File

@ -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;

View File

@ -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();
}); });