@use "../../hippie-style/hippie";

#grid {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(4, 1fr);
	grid-auto-rows: minmax(64px, auto);
	margin-inline: hippie.$space_small;
}

#grid>div {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background-color: aquamarine;
}

#grid>div:first-child {
	grid-column: 1 / 3;
	background-color: violet;
}