.post-grid-parent {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 40px;
    background:
        linear-gradient(
            to right,
            transparent calc(50% - 0.5px),
            rgba(0,0,0,0.15) calc(50% - 0.5px),
            rgba(0,0,0,0.15) calc(50% + 0.5px),
            transparent calc(50% + 0.5px)
        );
    .item {
        width: 100%;
        background: white;
        &.tall {
            height: auto;
            img {
                width: 100%;
                height: 300px;
                object-fit: cover;
                border: 1px solid rgba(0,0,0,0.15);
            }
            .tags {
                display: flex;
                margin-top: 1.0rem;
                align-items: center;
                gap: 8px;
                .pub-date {
                    margin-left: auto;
                    font-size: 12px;
                }
            }
            h3 {
                margin: 0.75rem 0;
                font-size: 1.25rem;
                line-height: 1.333;
            }
            .date {
                font-size: 0.75rem;
            }
            .content {
                font-size: 0.9rem;
            }
        }
        &.normal {
            display: flex;
            gap: 20px;
            height: 170px;
            .image {
                flex-shrink: 0;
                width: 130px;
                height: 130px;
                img {
                    display: block;
                    height: 100%;
                    width: 100%;
                    object-fit: cover;
                    border: 1px solid rgba(0,0,0,0.15);
                }
            }
            .content {
                flex: 1;
                min-width: 0;
                .tags {
                    display: flex;
                    margin-bottom: 1.0rem;
                    align-items: center;
                    gap: 8px;
                    .pub-date {
                        margin-left: auto;
                        font-size: 12px;
                    }
                    /* .date { font-size: 0.75rem; } */
                }
                h3 {
                    font-size: 1.125rem;
                    line-height: 1.333;
                }
            }
        }
        &.top-bdr {
            padding: 20px 0;
            border-top: 1px solid rgba(0,0,0,0.25);
        }
    }
}
@media (max-width: 1099px) {
	.post-grid-parent {
		grid-template-columns: 1fr;
		column-gap: 0;
		background: none;
		.item {
            &.normal { height: auto; }
			&.top-bdr {
				padding: 0;
				border-top: 0;
			}
			&:not(:first-child) {
				margin-top: 20px;
				padding-top: 20px;
				border-top: 1px solid rgba(0,0,0,0.25);
			}
		}
	}
}
@media (max-width: 390px) {
	.post-grid-parent {
		.item.normal {
			flex-direction: column;
			height: auto;
			gap: 15px;
		}
		.item.normal .image {
			width: 100%;
			height: 220px;
		}
		.item.normal .image img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}
}