.selected-posts {
    display: flex;
    flex-wrap: wrap;  /* Allow items to wrap to the next line */
    justify-content: center; /* Center the items */
    max-width: max-content !important;
}

.selected-post {
    flex: 1 1 300px; /* Flex-grow, flex-shrink, and flex-basis */
    margin: 10px; /* Space between items */
    box-sizing: border-box; /* Include padding and border in the element's total width and height */
}

/* Media query for smaller screens */
@media (max-width: 1200px) {
    .selected-post {
        flex: 1 1 calc(50% - 20px); /* Two items per row */
    }
}

@media (max-width: 700px) {
    .selected-post {
        flex: 1 1 100%; /* Full width on smaller screens */
    }
}