Template:The King's Law/Guard's Handbook/Advice/styles.css

div.advice-item-container {
	display:flex;
	justify-content:center;
	align-items:flex-start;
	gap:10px;
}

@media screen and (max-width: 850px) {
	div.advice-item-container {
		flex-direction:column;
	}
}

@media screen and (min-width: 851px) {
	div.advice-item-container {
		flex-direction:row;
	}
	
	div.advice-item-container > div {
		width:50%;
	}
}