Right now my search results page is displaying in one column with a sidebar. How do you make the search results page masonry like with a blog page? My blog page is masonry with 2 columns right now and I like the way it looks. I tried adding this CSS below that I found in another thread, but it created the screenshot below. I tried adjusting the padding and width to fill the gaps, but it creates big gaps between rows if content lengths are different on the display items. Masonry layout would fix this as the gaps per row are all the same. I also put below the layout I like from my masonry blog page.
.search.search-results article {
width: 33.2%;
display: inline-block;
vertical-align: top;
padding: 30px;
}
Layout I am trying to achieve with search results: