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

Привет.
У меня есть вот такие card'ы:
5e7382ea35c7e340747456.png
Сколько бы не пытался сделать ровную сетку - бесполезно.
Вот код:
<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 реакции.
Буду очень благодарен за помощь.
  • Вопрос задан
  • 74 просмотра
Решения вопроса 1
asuikit
@asuikit
в вашем случае если добавить uk-grid-collapse то будет в строку на одном уровне
uk-card uk-card-default uk-child-width-1-2 uk-grid uk-grid-collapse
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы