How to display post content in 2 columns


If you want to display post content in two columns, its very easy. Just add the following code inside your theme’s style.css file.

.half {
	width: 45.8333333%;
	float: left;
	padding: 1rem;
}

Now write your post content as follows:-

Congrats! You are done.

Now, if you don’t like to show post content in 2 column in mobile devices, then you add the following into style.css

@media only screen and (max-width:767px) {
.half {
	width: 100%;
	padding: 0;
}
}

Leave a Reply

Your email address will not be published.