User:Perryprog/Userpage layout/styles.css

The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

.grid-container {
	display: grid;
	grid-template-columns: 1fr min-content min-content 1fr;
	grid-template-rows: auto;
	gap: 10px 10px;
	margin-top: 10px; /* For consistency with other elements above */
	grid-template-areas:
    ". ub1 ub2 ."
    ". news news .";
    justify-items: center;
}

@media (max-width: 720px) {
	.grid-container {
		grid-template-areas:
		"ub1"
		"ub2"
		"news";
	}
}

.ub1 { grid-area: ub1; }

.ub2 { grid-area: ub2; }

.news {
	grid-area: news;
}

.news .sidebar {
	/* Nessessary as we are overriding inline styles */
	float: none !important;
	margin: initial !important;
}

/* Filthy hack to deal with a weird overflow class messing up the margin.
   I should figure out why that's actually being applied, but for now... eh */
.news > .overflowed {
	margin: 0;
}