:root {
	--journal-tiles-tile-min-height: 160px;
}
@media (max-height: 700px) and (min-width: 1000px) {
	:root {
		--journal-tiles-tile-min-height: 120px;
	}
}

#journal-tiles {
	width: 100%;
	height: 100%;
	max-height: 120vw; /* prevent being too high on narrow mobiles*/

	display: grid;
	grid-gap: 12px;
	grid-template-rows:
		minmax(var(--journal-tiles-tile-min-height), auto)
		minmax(var(--journal-tiles-tile-min-height), auto)
		minmax(var(--journal-tiles-tile-min-height), auto);
	grid-template-columns: minmax(0, 1fr)  minmax(0, 1fr);
	grid-template-areas:
		'all latest'
		'issue issue'
		'submit about';
}

#journal-tiles .tile.all_issues      {grid-area: all;}
#journal-tiles .tile.latest_articles {grid-area: latest;}
#journal-tiles .tile.issue           {grid-area: issue;}
#journal-tiles .tile.link            {grid-area: submit;}
#journal-tiles .tile.editorial       {grid-area: about;}