Responsive CSS Columns with RSS feed
Various times I’ve needed to display a RSS feed on my website and include images from the feed. The best option I’ve found is using the WordPress HungreFeed plugin. This plugin displays the RSS feed in a single column. What about if you would rather display the content in responsive 3 columns? Our Mission Blog page is a good example. To see the responsiveness of the columns, try changing the width of your browser window. The number of columns should change based on the width of the browser window. The way to do this add some custom CSS to your WP site. Something like this:
-webkit-columns: 3 200px;
-moz-columns: 3 200px;
columns: 3 200px;
Then surround the content you want in three columns with the following div tags:
<div class="columnjusto"> </div>
That’s all there’s to it!