.achievement_list {
	--column: 4;
	--gap: 2cqi;
	display: grid;
	grid-template-columns: repeat(var(--column), 1fr);
	gap: var(--gap);
	margin-top: 1.5rem;
}
@media screen and (max-width: 900.9px) {
	.achievement_list {
		--column: 1;
		--gap: 5cqi;
	}
}