Template:Protected page text/styles.css

/* {{pp|small=y}} */
.pptext-whywhat {
	margin-top: 1em;
}

.pptext-whywhat h2 {
	border-bottom: 0;
	font-size: 130%;
	font-weight: bold;
	padding: 0.15em;
}

.pptext-submit {
	list-style: none;
	display: inline;
	text-align: center;
}

@media all and (min-width: 720px) {
	.pptext-whywhat {
		display: flex;
	}
	
	.pptext-whywhat > div {
		flex: 1 0 50%;
	}
	
	/* instead of padding on the parent, add margin on the children
	 * because flex */
	.pptext-why > h2,
	.pptext-why > ul {
		margin-right: 20%;
	}
}