adding adaptive carousel width

diffusion-motion-transfer · Nov 28, 2023 · fe5d3da · fe5d3da
1 parent da7ffa8
commit fe5d3da
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -141,7 +141,7 @@ <h1 class="title is-1 publication-title">Space-Time Diffusion Features for Zero-
 
 
 
-<div class="container" style="width: 60%">
+<div class="container" id="carousel">
     <div id="slick">
 
 <div class="slide">

diff --git a/static/css/index.css b/static/css/index.css
@@ -452,4 +452,15 @@ body {
 
 .content table td, .content table th{
   border-width: 0 0 0;
+}
+
+#carousel {
+  /* Default width for small screens or when no media query matches */
+  width: 100%;
+
+  /* Media query for screens with a minimum width of 768 pixels (adjust as needed) */
+  @media screen and (min-width: 768px) {
+    /* Set the width to 60% for larger screens */
+    width: 60%;
+  }
 }