Archive Block appearing cut off?

1 hour ago, pearler1570048501 said:

Site URL: https://cosmotemplate.squarespace.com/?password=pearler

For some reason, the archive block is appearing cut off on smaller screens:

Try adding to Home > Design > Custom Css

#block-yui_3_17_2_1_1635297408567_3148  .archive-group-list {
	display: flex;
	justify-content: space-evenly;
}

#block-yui_3_17_2_1_1635297408567_3148 .archive-group {
	width: 25%;
	min-width: 20%;
}

@media only screen and (max-width: 1024px) {
	#block-yui_3_17_2_1_1635297408567_3148  .archive-group-list {
		display: grid;
	}

	#block-yui_3_17_2_1_1635297408567_3148 .archive-group {
		width: 100%;
	}
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you