title: How to make glide.js items vertical?
body: <p>using this package: <a href="https://www.npmjs.com/package/@glidejs/glide" rel="nofollow noreferrer">https://www.npmjs.com/package/@glidejs/glide</a></p>
  <p>Now it is vertical, I would have horizontal:</p>
  <p><a href="https://i.stack.imgur.com/KZOsM.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KZOsM.jpg" alt="enter image description here" /></a></p>
  <p>Anyways it ok, if I add the initialisation part in useEffect? I have Next.js, code should not run on server side.</p>
  <pre><code>import Glide, { Slide } from '@glidejs/glide'
  import { useEffect } from 'react'
  
  export default function Home() {
      useEffect(() =&gt; {
          new Glide('.glide').mount({ Slide })
      })
  </code></pre>
  <p>And the code with first item:</p>
  <pre class="lang-js prettyprint-override"><code>&lt;div className=&quot;glide&quot;&gt;
    &lt;div data-glide-el=&quot;track&quot; className=&quot;glide__track&quot;&gt;
      &lt;ul className=&quot;glide__slides&quot;&gt;
        &lt;li className=&quot;glide__slide&quot;&gt;
          &lt;div className=&quot;cnt-box cnt-box-testimonials rating-5&quot;&gt;
            &lt;img
              src=&quot;http://via.placeholder.com/450x450&quot;
              alt=&quot;&quot;
              style={{ maxWidth: 200, width: 200 }}
            /&gt;
  </code></pre>