.grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1em;
}

.grid-2 { grid-template-columns: 1fr 1fr }
.grid-3 { grid-template-columns: 1fr 1fr 1fr }
.grid-4 { grid-template-columns: 1fr 1fr 1fr 1fr }
.grid-5 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr }

.gap-2 { gap: 2em }
.gap-3 { gap: 3em }

@media only screen and (max-width: $width-mobile) {
	.grid-mobile-1 { grid-template-columns: 1fr }
	.grid-mobile-2 { grid-template-columns: 1fr 1fr }
	.grid-mobile-3 { grid-template-columns: 1fr 1fr 1fr }

	.grid-mobile-gap-1 { gap: 1em }
}