/* 
Parent-child-posts.css
Styles for Parent Child Posts
*/

.parent-child-posts {
    padding: 6rem 0; 
}

.parent-child-posts-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr); 
    gap: 20px; 
    margin: 2% 10%; 
}

/* Media Queries for Responsive Design */
@media (max-width: 1200px) {
    .parent-child-posts-row {
        grid-template-columns: repeat(2, 1fr); 
    }
}

@media (max-width: 768px) {
    .parent-child-posts-row {
        grid-template-columns: 1fr; 
    }
}

.parent-child-posts h2 {
	text-align:center;
	margin-bottom:2rem;
}