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 a freelance WordPress developer and a contributing developer to the Genesis framework. For the past 14 years he has worked with attorneys, publishers, corporations, and non-profits, building custom websites tailored to their needs and goals.

Ready to upgrade your website?

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

Let's Talk