Put navbar on bottom for mobile, carousel takes full width on mobile, double click for next carousel slide, slow project carousel

This commit is contained in:
Hamza Nasher-Alneam 2025-05-18 23:49:25 -04:00
parent ebb8568ca1
commit 3b02e5258c
3 changed files with 54 additions and 4 deletions

View file

@ -1,7 +1,7 @@
.carousel {
height: 100vh;
width: 100vw;
padding: 0 0;
padding: 0;
overflow: hidden;
}
@ -34,7 +34,7 @@
justify-content: center;
align-items: center;
text-align: center;
transition: 0.6s;
transition: 0.8s;
opacity: 0.1;
}
@ -128,6 +128,19 @@
}
@media only screen and (max-width: 750px) {
.carousel-inner {
height: 0;
}
.carousel-item-inner {
width: 100vw;
box-sizing: border-box;
}
.carousel-item-inner img {
width: 100%;
}
}
@media (prefers-color-scheme: dark) {
.title {