:root {
	--root-font-size: 16;
	--main_color: #e27700;
}

#archive-challenge-shop {
	max-width: 880px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1em;
	padding-right: 1em;
	.posts {
		display: grid;
		gap: 2em 1em;
		grid-template-columns: repeat(3, 1fr);
		@media screen and (max-width: 768px) {
			gap: 1em;
			grid-template-columns: repeat(2, 1fr);
		}
	}
	.photo {
		position: relative;
		padding-top: 75%;
		img {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			object-fit: cover;
		}
	}
}