![{images[currentIndex].alt}]({images[currentIndex].src})
@@ -98,7 +79,7 @@
.gallery-text-container {
width: 100%;
- height: calc(var(--media-height));
+ height: var(--media-height);
/* overflow: hidden; */
display: flex;
flex-direction: column;
@@ -167,4 +148,21 @@
.gallery-button:hover {
background-color: var(--color-background-highlight-hover-alt);
}
+
+ @media screen and (max-width: 700px) {
+ .gallery-zone {
+ display: flex;
+ flex-direction: column;
+ height: initial;
+ }
+
+ .gallery-text-container {
+ height: initial;
+ }
+
+ .gallery-img-container {
+ border-right: none;
+ border-bottom: var(--border-style) var(--border-dash-size) var(--color-highlight-alt);
+ }
+ }
\ No newline at end of file