If i not using v-for in flickity then carousel is working fine but if used then all item align verticaly

Question

When i am using carousel without v-for it is working fine but when i am using with v-for it align item vertically. I am putting code below:

<div class="main-carousel">
  <div class="carousel-cell" v-for="item in TaskTypesList" :key="index">
    <img src="" />
  </div>
</div>

Answer 1

Have you tried adding display: flex on the parent element?