.narrow-centered {
	max-width: 450px ;
	margin: 0px auto ;
}

.error {
	color: #fff;
	background-color: var(--del-color);
}

.photo-grid {
	display: grid;
	/* grid-template-columns: repeat(4, 25%); */
	grid-template-columns: repeat(1, 1fr);
	gap: 1em;
	/* grid-template-columns: repeat(4, 250px); */
}

.photo-grid div {
	min-width: 0px;
}

@media screen and (min-width: 480px) {
	.photo-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (min-width: 600px) {
	.photo-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media screen and (min-width: 850px) {
	.photo-grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media screen and (min-width: 1700px) {
	.container {
		max-width: 1500px;
	}
	.photo-grid {
		grid-template-columns: repeat(6, 1fr);
	}
}

@media screen and (min-width: 2600px) {
	.container {
		max-width: 2000px
	}
	.photo-grid {
		grid-template-columns: repeat(8, 1fr);
	}
}