Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
CSS Flexible Layout Module
* CSS Flexible Layout Module
body {
background: #bfbfbf;
min-height: 100%;
header {
background-color: blue;
min-height: 100px;
aside {
background-color: orange;
width: 34%;
min-height: 200px;
float: left;
.mainContent {
background-color: white;
width: 66%;
min-height: 200px;
float: right;
footer {
background-color: green;
width: 100%;
clear: both;
min-height: 100px;
<header role="banner">here is the header</header>
<div class="wrapper">
<div class="mainContent">Here is the main content</div>
<aside role="complementary">here is a sidebar, after the main content (although we want to make it appear before)</aside>
<footer role="contentInfo">here is the main footer</footer>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.