degmods/degmods.com
6
0
Fork 0
Code Issues 30 Pull Requests Actions Packages Projects 3 Releases Wiki Activity

css mobile optimizing slides
All checks were successful
Release to Staging / build_and_release (push) Successful in 43s
Details

Browse Source
This commit is contained in:
freakoverse 2024-09-17 10:50:18 +00:00
parent 3a71a4a297
commit 4175ebc010
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/styles/SimpleSlider.css
View File

@ -102,14 +102,16 @@
@media (max-width: 992px) { @media (max-width: 992px) {
.swiper-slide.IBMSMSliderContainerWrapperSlider { .swiper-slide.IBMSMSliderContainerWrapperSlider {
grid-template-columns: 1.15fr 0.85fr; grid-template-columns: 1.15fr 0.85fr;
padding: 0 0 25px 0; padding: 0 5px 25px 5px;
grid-gap: 15px; grid-gap: 15px;
} }
} }
@media (max-width: 768px) { @media (max-width: 768px) {
.swiper-slide.IBMSMSliderContainerWrapperSlider { .swiper-slide.IBMSMSliderContainerWrapperSlider {
grid-template-columns: 1fr; display: flex;
flex-direction: column;
grid-gap: 15px;
} }
} }
@ -214,6 +216,12 @@
position: relative; position: relative;
} }
@media (max-width: 768px) {
.IBMSMSCWSPicWrapper {
height: 300px;
}
}
.IBMSMSCWSInfo { .IBMSMSCWSInfo {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -234,7 +242,7 @@
@media (max-width: 768px) { @media (max-width: 768px) {
.IBMSMSCWSInfo { .IBMSMSCWSInfo {
/*margin: -25px 10px 0 10px;*/ height: 100%;
} }
} }