Template:Main Page consoles/styles.css

.container {
	display: block;
	text-align: center;
}

.image img {
	max-width: 200px;
	height: auto;
}

@media screen and (min-width: 851px) {
	.container {
		display: grid;
		grid-auto-columns: minmax(0, 1fr);
	}
	
	.kb { grid-column: 1; }
	.guides { grid-column: 2; }
	
	.kb,
	.guides {
		border-right: 1px solid #a2a9b1;
	}
	
	.header      { grid-row: 1; }
	.image       {
		grid-row: 2;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}