@@include("./partials/title-meta.html", {"title": "Flexbox & Grid"}) @@include('./partials/head-css.html') @@include('./partials/body.html') @@include('./partials/topbar.html') @@include('./partials/sidebar.html')
@@include('./partials/page-title.html', {"pagetitle": "Components", "title": "Flexbox & Grid"})

###### Flex Basis

01
02
03

###### Breakpoints and media queries

01
02
03
03

###### Flex Direction

01
02
03

###### Row reversed

01
02
03

###### Column

01
02
03

###### Column reversed

01
02
03

###### Flex Wrap

###### Don't wrap

01
02
03
04

###### Wrap normally

01
02
03
04

###### Wrap reversed

01
02
03
04

###### Flex

###### Initial flex

01
02
03

###### Flex 1

01
02
03

###### Auto

01
02
03

###### Order

01
02
03

###### Grid Template

###### Grid Columns

01
02
03
04
05
06
07
08
09

###### Grid Rows

01
02
03
04
05
06
07
08
09

###### Gap

01
02
03
04
01
02
03
04
05
06

###### Justify Content

01
02
03
01
02
03
01
02
03

###### Justify Items

01
01
01
01
02

###### Align Content

###### content-start

01
02
03
04
05

###### content-center

01
02
03
04
05

###### content-end

01
02
03
04
05

###### content-between

01
02
03
04
05

###### content-around

01
02
03
04
05

###### Place Content

###### place-content-start

01
02
03
04

###### place-content-center

01
02
03
04

###### place-content-between

01
02
03
04

###### place-content-around

01
02
03
04

###### place-content-evenly

01
02
03
04
@@include('./partials/footer.html')
@@include('./partials/rtl-ltr.html') @@include('./partials/vendor-scripts.html')