How to display a slider using Ditto?

Question

MODX

Hello!
Such a problem, I'm trying to display a slider using Ditto as a "Slider" resource, which contains child elements (directly slides) "Slider-Items". However, when adding slider items, they are displayed one under the other. How to fix this?
This is how I render slides

<div class="top-slick-slider">
        [!Ditto? 
          &parents=`889`  
          &tpl=`topSlideTpl`
        !]
</div>

Here is a chunk

<div class="top-slider--item">
  <div class="top-slider--item__header">
    [+firstHeader+] <br>
    [+anotherHeader+]— <br>
    <span>[+coloredHeader+]</span>
  </div>
  <div class="top-slider--item__content">
    <div class="top-slider--content__text">
      предоставлено <span>214</span> поручительств<br> 
      на сумму <span>1,56</span> млрд руб
    </div>
    <div class="top-slider--content__text">
      <span>7,84</span> млрд руб. кредитных ресурсов<br>
      привлечено в сферу малого бизнеса
    </div>
    <div class="top-slider--content__date">
      Данные на 1 мая 2018 г. 
    </div>
</div>

Answer 1

I corrected myself. Forgot to close "top-slider--item__content"