Chore: resize carrousel on small screens

2024-11-21 13:58:04 +01:00 · 2024-11-21 13:58:04 +01:00 · 0c6dbbc544
commit 0c6dbbc544
parent 36ba53eb2e
1 changed files with 16 additions and 9 deletions
--- a/src/css/main.css
+++ b/src/css/main.css
@ -114,9 +114,11 @@ html {
 .content>h2 {
  margin-top: 1.5em;
 }
+
 .content>h2 {
  margin-top: 0.2em;
 }
+
 .content>h3 {
  margin-left: 0.8em;
  margin-top: 0.5em;
@ -164,7 +166,12 @@ html.theme-dark {
 #image-carousel {
  width: 50rem;
  margin: 0 auto;
-  /* background: #DD8888DD; */
+}
+
+@media only screen and (max-width: 600px) {
+  #image-carousel {
+    width: 25rem;
+  }
 }

@media(orientation: portrait) {