Grid 12 demo

<div class="grid rows-6 bg-green"> <div class="item col col-start-lg-1 col-end-lg-6 row-start-lg-1 row-end-lg-4"> 1 </div> <div class="item col col-start-lg-6 col-end-lg-9 row-start-lg-1 row-end-lg-6"> 2 </div> <div class="item col col-start-lg-1 col-end-lg-last row-lg-3"> 3 </div> <div class="item col col-start-lg-10 col-end-lg-last row-start-lg-2 row-end-lg-6"> 4 </div> </div>
Requirements:

@import "css/grid.sass"
@import "css/grid/grid-12/grid-12-colums-large.sass"
@import "css/grid/grid-12/grid-12-colums-medium.sass"
@import "css/grid/grid-12/grid-12-rows-large.sass"
@import "css/grid/grid-12/grid-12-rows-medium.sass"
@import "css/grid/grid-12/grid-12-colums-start-end.sass"
@import "css/grid/grid-12/grid-12-rows-start-end.sass"
@import "css/grid/grid-12/grid-12-mobile.sass"

Be the first to comment

You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.