Skip to content

Instantly share code, notes, and snippets.

@cristacheda
Created February 3, 2017 12:08
Show Gist options
  • Save cristacheda/7e3d5e33f5a065b8657f91c4a90ab837 to your computer and use it in GitHub Desktop.
Save cristacheda/7e3d5e33f5a065b8657f91c4a90ab837 to your computer and use it in GitHub Desktop.
.wrapper {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.col {
width: 100%;
display: flex;
flex-direction: column;
}
.col-2 {
width: 49%;
}
.col-2-full {
width: 50%;
}
.col-3 {
width: 32.333%;
}
.col-3-full {
width: 33.333%;
}
.col-4 {
width: 24%;
}
.col-4-full {
width: 25%;
}
.col-5 {
width: 19%;
}
.col-5-full {
width: 20%;
}
.row {
display: flex;
flex-direction: row;
width: 100%;
}
.space-between {
justify-content: space-between;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment