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 );
view raw module.scss hosted with ❤ by GitHub
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