Fix quotes section on tablet screens

The width of the `slick-carousel` element was incorrectly being set to a very high amount on tablet-sized screens, resulting in the `.title` section being squeezed into single characters and making the section very tall. Adding `min-width: 0;` to the `.column` section prevents this behavior. The solution was found here: kenwheeler/slick#3991 (comment)
locomotivecms · Jun 11, 2022 · 1065162 · 1065162
1 parent 3bdea0f
commit 1065162
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/app/assets/stylesheets/sections/quotes.scss b/app/assets/stylesheets/sections/quotes.scss
@@ -133,6 +133,7 @@
 
       .column {
         width: inherit;
+        min-width: 0;
       }
 
       .title {

diff --git a/public/stylesheets/bundle.css b/public/stylesheets/bundle.css