Wikipedia:Faqja kryesore/styles.css

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

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

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

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

/* Style card headings */
.mp-card-heading h2 {
	border: none;
	color: inherit;
	display: inline;
	font-family: 'Linux Libertine', 'Georgia', 'Times', serif;
	font-size: inherit;
	font-weight: inherit;
	padding: 0;
}

/* Card body styling */
.mp-card-body {
	text-align: justify;
	padding: 0.5rem;
}

/* Desktop size specific styles */
@media (min-width: 875px) {
	
	/* Adjust grid layout for larger screens */
	.mp-grid {
		grid-template-columns: 1fr 1fr;
	}
	
	/* Positions header and footer across the grid columns */
	.mp-header,
	.mp-footer {
		grid-column-start: 1;
		grid-column-end: -1;
	}
	
	/* Adjust font size for headings */
	.mp-card-heading {
		font-size: 135%;
	}
}

/* Non-desktop size specific styles */
@media (max-width: 1500px) {
	
	/* Adjust grid layout for smaller screens */
	.mp-grid {
		grid-template-columns: 1fr;
	}
	
	/* Adjust font size for headings in smaller screens */
	.mp-card-heading {
		font-size: 125%;
	}
}