Flexbox center columns

ul {
	@include media(">=tablet") {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin-left: -16px;
		margin-right: -16px;

		li {
			margin-left: 16px;
			margin-right: 16px;
			flex-basis: calc( 50% - 32px );

			@include media(">=medium") {
				flex-basis: calc( 25% - 32px );
			}
		}
	}
}
Bill Erickson

Bill Erickson is the co-founder and lead developer at CultivateWP, a WordPress agency focusing on high performance sites for web publishers.

About Me
Ready to upgrade your website?

I build custom WordPress websites that look great and are easy to manage.

Let's Talk