Susy columns overflowing grid -
i'm trying susy first time, having bit of difficulty.
html
<div class="wrap"> <div class="col"></div> <div class="col"></div> <div class="col"></div> <div class="col last"></div> </div>
scss
@import "susy"; $susy: ( container: 1140px, columns: 12, gutters: 0.5, global-box-sizing: border-box, debug: (image: show-columns) ); @include border-box-sizing; .wrap { @include container; } .col{ @include span(3); height:40px; background:#f00; box-sizing: border-box; }
i think have right, columns coming out outside of grid:
you can see code running here: http://codepen.io/eightarmshq/pen/ejjxwv
how columns inside grid?
your columns correct, , background gradient wrong. it's browser bug. see documentation.
Comments
Post a Comment