Skip to content

Instantly share code, notes, and snippets.

@sede2
Created April 24, 2017 16:17
Show Gist options
  • Save sede2/3ee957b2893edfbcff93d2b66ed55a3c to your computer and use it in GitHub Desktop.
Save sede2/3ee957b2893edfbcff93d2b66ed55a3c to your computer and use it in GitHub Desktop.
.flex-col-5{
flex: 5;
}
.flex-col-4{
flex: 4;
}
.flex-col-3{
flex: 3;
}
.flex-col-2{
flex: 2;
}
.flex-col-1{
flex: 1;
}
.flex{
display: flex;
}
.flex-column{
flex-direction: column;
}
.flex-between{
justify-content: space-between;
}
.flex-around{
justify-content: space-around
}
@media(max-width: 992px){
.sm-block{
display: block;
}
}
@media(max-width: 768px){
.xs-block{
display: block;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment