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:

enter image description here

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

Popular posts from this blog

php - failed to open stream: HTTP request failed! HTTP/1.0 400 Bad Request -

java - How to filter a backspace keyboard input -

java - Show Soft Keyboard when EditText Appears -