Как увеличить количество блоков?

голоса: 0

Доброго дня! Помогите, пожалуйста, увеличить количество блоков, на данном скрине 2 блока , мне надо таких 3, чтобы было 6 картинок и 6 описаний

сам код:

<section class="uk-section uk-padding-remove-top uk-margin-top-minus">
 <div class="uk-container">
 <div class="uk-child-width-1-2@s uk-grid-match uk-grid-collapse" data-uk-grid data-uk-scrollspy="target: > div; cls:uk-animation-slide-bottom-medium; delay: 400;">
 <div class="uk-padding-xlarge uk-light uk-background-cover" style="background-image: url(/img/vip/2.jpg);min-height: 400px;">
 </div>
 <div class="uk-padding-xlarge" style="background-color: #f7f7f7;">
 <div class="tw-element tw-box">
 <h4 class="tw-sub-title">
 подзаголовок, хз, нужен ли
 </h4>
 <h2 class="uk-text-uppercase">
 Заголовок
 </h2>
 <p>
 Текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст 
 </p>
 <a href="/index/0-2" class="uk-button uk-button-default uk-button-small uk-button-silver uk-button-radius tw-hover"><span class="tw-hover-inner"><span>Кнопочка</span><i class="ion-ios-arrow-thin-right"></i></span></a>
 </div>
 </div>
 </div>

 <div class="uk-child-width-1-2@s uk-margin-remove-top uk-grid-match uk-grid-collapse" data-uk-grid data-uk-scrollspy="target: > div; cls:uk-animation-slide-bottom-medium; delay: 400;">

 <div class="uk-padding-xlarge tw-tablet-margin" style="background-color: #f7f7f7;">
 <div class="tw-element tw-box">
 <h4 class="tw-sub-title">
 подзаголовок, хз, нужен ли
 </h4>
 <h2 class="uk-text-uppercase">
 Заголовок
 </h2>
 <p>
 Текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
 </p>
 <a href="#" class="uk-button uk-button-default uk-button-small uk-button-silver uk-button-radius tw-hover"><span class="tw-hover-inner"><span>Full Menu</span><i class="ion-ios- 
 arrow-thin-right"></i></span></a>
 </div>
 </div>
 <div class="uk-padding-xlarge uk-light uk-background-cover" style="background-image: url(/img/vip/4.jpg);min-height: 400px;">
 </div>
 </div>
 </div>
</section>

| Автор: | Категория: Дизайн сайта

Ответов: 1

Голоса: +1
 
Лучший ответ
Полный код должен быть примерно таким https://docs.google.com/document/d/1A2QSUjOApc1VjPHsMpnXyoJiU-JwbrfQLdm6Iwj4szs/edit?usp=sharing
| Автор:
Выбор ответа лучшим | | Автор: Евгений Знахарев

не совсем до конца составил вопрос, видимо. так то все верно, но я имел в виду так же располодить картинки в шахматном порядке, предоставляю снова код:

https://yadi.sk/d/a6VGYCYG8j_08g 

 

Евгений Знахарев,
Ждите. В течение часа посмотрю.
Евгений Знахарев,
Внес изменения в документ, теперь там в шахматном порядке. Просто скопируйте код и изменяйте фото и тексты на что нужно.
...