Example css grid card layout

_dmc-cards.scss

.cards {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	max-width: $row-width;
	list-style: none;
	margin: 0;

	@media #{$medium-up} {
		> * {
			flex-basis: calc(50% - 15px);
		}
	}

	@supports (display: grid) {
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: rem-calc(30);
		justify-content: center;

		@media #{$medium-up} {
			grid-template-columns: 1fr 1fr;
		}
	}
}