Template:Image key/styles.css

/* we add .thumb so that there is a lesser chance of these styles being used
   for nefarious general purposes :)
   if/when necessary to support some other kind of figures, can be added then
*/
.thumb .image-key > ol {
	margin-left: 1.3em;
	margin-top: 0;
}

.thumb .image-key > ul {
	margin-top: 0;
}

.thumb .image-key li {
	page-break-inside: avoid;
	break-inside: avoid-column;
}

/* support mobile with queries */
@media (min-width: 300px) {
	.thumb .image-key,
	.thumb .image-key-wide {
		column-count: 2;
	}
	
	.thumb .image-key-narrow {
		column-count: 1;
	}
}

@media (min-width: 450px) {
	.thumb .image-key-wide {
		column-count: 3;
	}
}