Карты пропускают линию с MaterializeCSS и VUE - PullRequest
Новая
       15

Карты пропускают линию с MaterializeCSS и VUE

0 голосов
/ 30 апреля 2019

Я показываю информацию на картах MateralizeCSS, но хочу показать их рядом на средних и больших устройствах, но они отображаются один над другим при использовании V_FOR, и я не понимаю причину:

Вы можете мне помочь?

Согласно я должен показать 3 карты, а затем 1 для класса: col s12 m4, но он показывает одну поверх другой в любом разрешении 

   <div class="row">
          <div class="col s12 m4" v-for="item in services" :key="item.id">
          <div v-for="inside in item.servicios" :key="inside.name">
            <div class="card" v-if="item.id === serviceId">
              <div class="card-content">
                <img class="responsive-img" :src="require(`../assets/img/services/${inside.img}`)">
                <h3>Lavandería</h3>
              </div>
              <div class="card-action">
                <a href="#">This is a link</a>
                <a href="#">This is a link</a>
              </div>
            </div>
          </div>
        </div>
    </div>

Прикрепленное изображение того, как они отображаются:

enter image description here

Я также пытался сделать это с FLexbox, но некоторые изображения занимают много места и выглядят плохо

...