Ломается сетка в UIKit?

Question

[#ямыnginx]

Привет.
У меня есть вот такие card'ы:

Сколько бы не пытался сделать ровную сетку - бесполезно.
Вот код:

<div class="uk-section">
		<div class="uk-container uk-container-large">
			<div class="uk-flex uk-flex-center uk-flex-middle">
				<div class="uk-card uk-card-default uk-child-width-1-2" uk-grid>
				    <div class="uk-card-media-left uk-cover-container uk-width-1-3">
				        <img src="images/home.png" alt="" uk-cover>
				    </div>
				    <div>
				        <div class="uk-card-body">
				            <h3 class="uk-card-title">Media Left</h3>
				            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</p>
				        </div>
				    </div>
				</div>

				<div class="uk-card uk-card-default uk-child-width-1-2" uk-grid>
				    <div class="uk-card-media-right uk-cover-container">
				        <img src="images/home.png" alt="" uk-cover>
				    </div>
				    <div>
				        <div class="uk-card-body">
				            <h3 class="uk-card-title">Media Right</h3>
				            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</p>
				        </div>
				    </div>
				</div>
			</div>
		</div>
	</div>

Делал и через grid, и через flex - 0 реакции.
Буду очень благодарен за помощь.

Answer 1

[Андрей]

в вашем случае если добавить uk-grid-collapse то будет в строку на одном уровне

uk-card uk-card-default uk-child-width-1-2 uk-grid uk-grid-collapse