MediaWiki:Gadget-ResponsiveStyle.css

/* Responsive CSS applied to both desktop and mobile */

/* Mobile phone */
@media all and (max-width: 719px) {
	/* Template:Columns */
	.columns {
		column-count: auto !important;
	}

	/* Userboxes */
	#userboxes {
		float: none !important;
		margin: 15px 0 15.75px !important;
		max-width: none !important;
	}
	.userbox {
		width: 99% !important;
	}
}

/* Desktop/tablet */
@media all and (min-width: 720px) {
	/* Notice templates */
	.notice-template.file {
		text-align: center;
	}

	/* Userboxes */
	#userboxes {
		max-width: 275px !important;
	}
	.userbox {
	  	width: 98.5% !important;
	}
}