.examples-page__items {
	display: grid;
	gap: 20px;
}

@media (max-width: 639.98px) {
	.examples-page .example-item {
		padding: 0;
	}
}
@media (min-width: 640px) {
	.examples-page__items {
		grid-template-columns: 1fr 1fr;
		gap: var(--column-gap);
	}
}

@media (max-width: 1139.98px) {
	.examples-page .example-item__image {
		aspect-ratio: unset;
		height: 220px;
	}
}
@media (min-width: 1140px) {
	.examples-page__items {
		grid-template-columns: repeat(4, 1fr);
	}
	.examples-page__items > *:first-child {
		grid-column: span 2;
		grid-row: span 2;
	}
}