_home.scss

.module.type-large-post-listing .wrap {

	@include media(">=tablet", "<medium") {

		@include columns( 3 );

		article:last-of-type {
			display: none;
		}
	}

	@include media(">=medium") {
		@include columns( 4 );

		@supports( grid-area: auto ) {
			grid-template-columns: repeat( 9, 1fr );
			grid-gap: 32px;

			article:first-of-type {
				grid-row: 2 / 5;
				grid-column: 1 / span 4;

				.entry-content {
					padding: 16px;
				}
			}

			article:not(:first-of-type) {
				grid-column: span 5 / -1;

				display: grid;
				grid-template-columns: repeat( 11, 1fr );
				grid-column-gap: 16px;

				.entry-header {
					grid-column: 1 / span 4;
				}

				.entry-content {
					grid-column: span 7 / -1;
					align-self: center;
				}
			}
		}
	}

}