User:MarketPliers/Template:Reddit/styles.css

.template-reddit {
	grid-template-columns: auto auto 1fr auto; 
	grid-template-areas: "doot . text .";
	border: 1px solid orangered; 
}

.template-reddit .doots {
	display: grid; 
	grid-template-rows: repeat(3, auto); 
	text-align: center; 
	margin-left: 0.5rem;
}

.template-reddit .reddit-header-background {
	position: absolute; 
	content: ""; 
	width: 100%; 
	height: 37.5%; 
	top: 0; 
	border-width: 1px; 
	border-style: solid;
	z-index: -1;
	/* defining border-image and background in the template itself due to sanitized CSS being cucked */
}