Skip to content

Instantly share code, notes, and snippets.

@Enelar
Created May 22, 2015 15:03
Show Gist options
  • Save Enelar/e58c62a9725aaa584f7f to your computer and use it in GitHub Desktop.
Save Enelar/e58c62a9725aaa584f7f to your computer and use it in GitHub Desktop.
Semantic ui analog of bootstrap container class
.ui.container {
position: relative;
width: 915px;
margin: 0px auto;
}
@media only screen and (max-width : 600px) {
.ui.container {
width: auto;
margin: 0em 1rem;
}
}
@media only screen and (min-width : 600px) and (max-width : 998px) {
.ui.container {
width: auto;
margin: 0em 2rem;
}
}
@media only screen and (min-width : 998px) {
.ui.container {
right: 110px;
}
}
@media only screen and (min-width : 998px) and (max-width: 1200px) {
.ui.container {
width: 680px;
right: 75px;
margin: 0em auto;
}
}
@media only screen and (min-width : 1200px) and (max-width: 1355px) {
.ui.container {
width: 765px;
right: 128px;
margin: 0em auto;
}
}
@media only screen and (min-width : 1355px) {
.ui.container {
width: 850px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment