Simple Ii Column Css Responsive Layout
HTML STRUCTURE Here is a simplified illustration of the HTML. <div id="main"> <div class="wrap"> <div id="primary"> <div id="content" role="main"> <p>Article content...</p> </div> </div> <div id="secondary"> <div class="widget"> <p>Sidebar content...</p> </div> </div> </div> </div> CSS RESET We'll occupation the CSS reset. /* =Reset -------------------------------------------------------------- */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 0; } html, body, div{ margin: 0; padding: 0; } SINGLE COLUMN LAYOU...