Template:Knowledge Base/styles.css

@media screen and (min-width: 300px) {
.container {
  display: grid; 
  grid-template-columns: 1fr 1fr; 
  grid-template-rows: 1fr 1fr; 
}

	.console_a {
		grid-column: 1;
	}
	.console_b { 
		grid-column: 2;
	}
	.console_c { 
		grid-column: 1;
		grid-row: 2;
	}
}

@media screen and (min-width: 851px) {
.container {
  display: grid; 
  grid-template-columns: 1fr 1fr; 
  grid-template-rows: 1fr 1fr; 
}

	.console_a {
		grid-column: 1;
	}
	.console_b { 
		grid-column: 2;
	}
	.console_c { 
		grid-column: 3;
	}
}