--- layout: default title: Grid Layout Example comment: | An example of grid layout on a 4x4 grid 25% 25% 25% 25% +- -+- -+- -+- -+ | | | | | 25% +- -+- -+- -+- -+ | | | | | 25% +- -+- -+- -+- -+ | | | | | 25% +- -+- -+- -+- -+ | | | | | 25% +- -+- -+- -+- -+ styleIncludes: - ../resources/font.css - http://fonts.googleapis.com/css?family=Source+Code+Pro scriptIncludes: - ../resources/feature-detect.js style: | ---
display: grid grid-[definition-]columns: 25% 25% 25% 25% grid-[definition-]rows: 25% 25% 25% 25%
grid-column: 1 / -3 grid-row: 2
grid-column: 3 / -1 grid-row: 3