Yugipedia:Main Page/styles.css

/* {{pp|small=yes}} */
.main-page {
	display: grid;
	grid-gap: 1em; 
	grid-template-columns: minmax(28em, 1fr) 320px; 
	grid-template-areas:
		"intro discord"
		"latestsets latestanime"
		"news latestmanga"
		"internallinks latestduellinks"
		"stats externallinks"
}
@media screen and (max-width:1200px) {
	.main-page {
		grid-template-columns: 100%; 
		grid-template-areas:
			"intro"
			"discord"
			"latestsets"
			"latestanime"
			"latestmanga"
			"latestduellinks"
			"news"
			"internallinks"
			"stats"
			"externallinks"
	}
}
.main-page-heading {
	background-color: #337C97;
	text-align: center;
	color: white;
	font-size: 20px;
	font-weight: bold;
	border: 0;
	border-radius: 8px 0;
}

.main-page-heading.main-page-heading {
    line-height: 1.6;
    margin-top: 0;
    margin-bottom: .5rem;
    padding: .5rem;
}

.main-page-set-release {
	text-align: center;
}

.main-page-set-release .in-block {
	margin: auto;
}

.main-page-setslist {
	display: grid; 
	grid-template-columns: repeat(auto-fit, minmax(30em, 1fr));
}

@media screen and (max-width:60em) {
	.main-page-setslist {
		grid-template-columns: 100%;
	}
}