.single_post_list {
display: flex;
align-items: stretch;
flex-wrap: wrap;
gap: var(--gap-l);
}
.single_post {
width: calc(33.333% - calc(var(--gap-l) * 2) / 3);
text-decoration: none;
}
@media (min-width: 1024px) {
.filter_toggle {
display: none;
}
}
@media (max-width: 1024px) {
.single_post {
width: calc(50% - calc(var(--gap-l) * 1) / 2);
}
}
@media (max-width: 640px) {
.single_post {
width: 100%;
}
}