Skip to content

Instantly share code, notes, and snippets.

@taupecat
Created September 18, 2013 20:00
Show Gist options
  • Save taupecat/6614744 to your computer and use it in GitHub Desktop.
Save taupecat/6614744 to your computer and use it in GitHub Desktop.
*,
*:before,
*:after {
box-sizing: border-box;
}
body.demo-6 {
background-color: #195f80;
.wrapper {
margin: 0 auto;
max-width: 1024px;
width: 100%;
background-color: rgba(255, 0, 255, 0.2);
}
.main,
.sidebar {
border: 20px solid;
padding: 0.5em ( 20px / 1024px * 100% );
}
.main {
background-color: #FFEECE;
border-color: #805c19;
}
.sidebar {
background-color: #C6D4F5;
border-color: #193880;
}
@media only all and (min-width: 700px) {
.wrapper {
display: flex;
justify-content: space-between;
}
.main {
width: 61.71875%;
}
.sidebar {
width: 36.328125%;
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment