Test
/* Show 20 blog posts */
.blog__items .o-layout__item { display: none; }
.blog__items .o-layout__item:nth-child(-n+20) { display: block; }
/* Three per row on larger screens */
@media (min-width: 768px) {
.blog__items .o-layout__item {
display: inline-block;
width: 33.33%;
padding: 0 10px;
vertical-align: top;
}
}
/* Full width on smaller screens */
@media (max-width: 767px) {
.blog__items .o-layout__item {
width: 100%;
}
}