Template:Announcements/New featured content/styles.css

.announce-featured > div {
	margin-bottom: 0.2em;
}

.announce-featured-fa-title,
.announce-featured-ft-title,
.announce-featured-fl-title,
.announce-featured-fp-title {
	padding: 0.1em;
	text-align: center;
	font-weight: bold;
	border-bottom: 2px solid transparent;
}

.announce-featured-fa-title {
	background-color: #E6FFF2;
}

.announce-featured-ft-title {
	background-color: #E0F2CE;
}

.announce-featured-fl-title {
	background-color: #FFF2E6;
}

.announce-featured-fp-title {
	background-color: #F2E6FF;
}

.announce-featured-fa {
	background-color: #F5FFFA;
	padding: 0.1em;
}

.announce-featured-ft {
	background-color: #F2FFE6;
	padding: 0.1em;
}

.announce-featured-fl {
	background-color: #FFFAF5;
	padding: 0.1em;
}

.announce-featured-fp {
	background-color: #FAF5FF;
	padding: 0.1em;
}

@media (min-width: 500px) {
	.announce-featured {
		display: grid;
		grid: 1fr 1fr / 1fr 1fr;
		grid-gap: 1px 1px; /* can be removed At Some Point, maybe now */
		gap: 1px 1px;
	}
	
	.announce-featured > div {
		margin-bottom: 0;
	}
}