Wikipedia:Faqja kryesore/styles.css

/* Grid layout */
.mp-grid {
	display: grid;
	box-sizing: border-box;
	gap: 1.2rem;
}

.mp-content-card {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
}

.mp-content-card::after {
	/* clearfix for old browsers */
	display: block;
	clear: both;
	content: "";
}

.mp-card-inner {
	box-sizing: border-box;
	box-shadow: 0 0 0.4rem #999;
	background: linear-gradient(to top, #e8f2f8, #faffff);
	height: 100%;
}

.mp-header .mp-card-inner,
.mp-footer .mp-card-inner {
	height: auto;
}

.mp-card-heading {
	font-size: 150%;
	font-family: Linux Libertine;
}

.mp-header > .mp-card-inner,
.mp-card-body {
	padding: .5rem;
}

.mp-header .mp-card-inner {
	display: grid;
	font-family: Linux Libertine;
}

.mp-header .mp-card-inner div:first-child {
	font-size: 250%;
}
.mp-header .mp-card-inner div:nth-child(2) {
	font-size: 200%;
}
.mp-header .mp-card-inner div:nth-child(3) {
	font-size: 150%;
}

/* Desktop size specific */
@media (min-width: 876px) {
	.mp-grid {
		grid-template-columns: 4fr 3fr;
	}
	.mp-header,
	.mp-footer {
		grid-column-start: 1;
		grid-column-end: -1;
	}
	.mp-header .mp-card-inner {
		grid-template-columns: 1fr min-content;
		margin-bottom: 1rem;
	}

	.mp-header .mp-card-inner div:first-child {
		grid-column-start: 1;
		grid-column-end: -1;
	}
	
	.mp-header .mp-card-inner div:nth-child(3) {
		text-align: right;
		white-space: nowrap;
		padding-left: 3rem;
	}
}

/* non-Desktop size specific */
@media (max-width: 875px) {
	.mp-header {
		text-align: center;
		font-size: 75%;
	}

	.sister-projects.sister-projects {
		box-sizing: border-box;
		width: 100%;
		margin: 0;
	}

	.sister-projects-wmf.sister-projects-wmf {
		margin: 0 auto;
	}
}