{"id":15041312,"url":"https://github.com/lbwa/grid-style","last_synced_at":"2026-02-01T06:31:41.973Z","repository":{"id":57254099,"uuid":"142771263","full_name":"lbwa/grid-style","owner":"lbwa","description":":straight_ruler:Grid layout, implemented by flex-box.","archived":false,"fork":false,"pushed_at":"2018-09-08T07:16:55.000Z","size":138,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":0,"default_branch":"dev","last_synced_at":"2025-06-20T21:49:01.033Z","etag":null,"topics":["flex-layout","flexbox","flexbox-grid","grid","grid-layout","grid-system","sass","sass-library"],"latest_commit_sha":null,"homepage":"https://lbwa.github.io/grid-style/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/lbwa.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-07-29T15:11:45.000Z","updated_at":"2022-11-25T03:19:53.000Z","dependencies_parsed_at":"2022-08-31T08:21:16.056Z","dependency_job_id":null,"html_url":"https://github.com/lbwa/grid-style","commit_stats":null,"previous_names":[],"tags_count":12,"template":false,"template_full_name":null,"purl":"pkg:github/lbwa/grid-style","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lbwa%2Fgrid-style","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lbwa%2Fgrid-style/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lbwa%2Fgrid-style/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lbwa%2Fgrid-style/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lbwa","download_url":"https://codeload.github.com/lbwa/grid-style/tar.gz/refs/heads/dev","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lbwa%2Fgrid-style/sbom","scorecard":{"id":580977,"data":{"date":"2025-08-11","repo":{"name":"github.com/lbwa/grid-style","commit":"f1f610d45eb49e3f88f814b55182ebcc40d22cad"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":1.3,"checks":[{"name":"Dangerous-Workflow","score":-1,"reason":"no workflows found","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Token-Permissions","score":-1,"reason":"No tokens found","details":null,"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"Maintained","score":0,"reason":"0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"Code-Review","score":0,"reason":"Found 0/30 approved changesets -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"SAST","score":0,"reason":"no SAST tool detected","details":["Warn: no pull requests merged into dev branch"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Pinned-Dependencies","score":-1,"reason":"no dependencies found","details":null,"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"License","score":0,"reason":"license file not detected","details":["Warn: project does not have a license file"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Branch-Protection","score":0,"reason":"branch protection not enabled on development/release branches","details":["Warn: branch protection not enabled for branch 'dev'"],"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}},{"name":"Vulnerabilities","score":0,"reason":"134 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-6chw-6frg-f759","Warn: Project is vulnerable to: GHSA-v88g-cgmw-v5xw","Warn: Project is vulnerable to: GHSA-whgm-jr23-g3j9","Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw","Warn: Project is vulnerable to: GHSA-qwcr-r2fm-qrc7","Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw","Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg","Warn: Project is vulnerable to: GHSA-x9w5-v3q2-3rhw","Warn: Project is vulnerable to: GHSA-w8qv-6jwh-64r5","Warn: Project is vulnerable to: GHSA-c6rq-rjc2-86v2","Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x","Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275","Warn: Project is vulnerable to: GHSA-p28h-cc7q-c4fg","Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq","Warn: Project is vulnerable to: GHSA-3wcq-x3mq-6r9p","Warn: Project is vulnerable to: GHSA-ff7x-qrg7-qggm","Warn: Project is vulnerable to: GHSA-vh7m-p724-62c2","Warn: Project is vulnerable to: GHSA-r9p9-mrjm-926w","Warn: Project is vulnerable to: GHSA-434g-2637-qmqr","Warn: Project is vulnerable to: GHSA-49q7-c7j4-3p7m","Warn: Project is vulnerable to: GHSA-977x-g7h5-7qgw","Warn: Project is vulnerable to: GHSA-f7q4-pwc6-w24p","Warn: Project is vulnerable to: GHSA-fc9h-whq2-v747","Warn: Project is vulnerable to: GHSA-vjh7-7g9h-fjfh","Warn: Project is vulnerable to: GHSA-4gmj-3p3h-gm8h","Warn: Project is vulnerable to: GHSA-6h5x-7c5m-7cr7","Warn: Project is vulnerable to: GHSA-rv95-896h-c2vc","Warn: Project is vulnerable to: GHSA-qw6h-vgh9-j6wx","Warn: Project is vulnerable to: GHSA-74fj-2j2h-c42q","Warn: Project is vulnerable to: GHSA-pw2r-vq6v-hr8c","Warn: Project is vulnerable to: GHSA-jchw-25xp-jwwc","Warn: Project is vulnerable to: GHSA-cxjh-pqwp-8mfp","Warn: Project is vulnerable to: GHSA-fjxv-7rqg-78g4","Warn: Project is vulnerable to: GHSA-8r6j-v8pm-fqw3","Warn: Project is vulnerable to: MAL-2023-462","Warn: Project is vulnerable to: GHSA-xf7w-r453-m56c","Warn: Project is vulnerable to: GHSA-vvj3-85vf-fgmw","Warn: Project is vulnerable to: GHSA-q42p-pg8m-cqh6","Warn: Project is vulnerable to: GHSA-w457-6q6x-cgp9","Warn: Project is vulnerable to: GHSA-62gr-4qp9-h98f","Warn: Project is vulnerable to: GHSA-f52g-6jhx-586p","Warn: Project is vulnerable to: GHSA-2cf5-4w76-r9qv","Warn: Project is vulnerable to: GHSA-3cqr-58rm-57f8","Warn: Project is vulnerable to: GHSA-g9r4-xpmj-mj65","Warn: Project is vulnerable to: GHSA-q2c6-c6pm-g3gh","Warn: Project is vulnerable to: GHSA-765h-qjxv-5f44","Warn: Project is vulnerable to: GHSA-f2jv-r9rf-7988","Warn: Project is vulnerable to: GHSA-44pw-h2cw-w3vq","Warn: Project is vulnerable to: GHSA-jp4x-w63m-7wgm","Warn: Project is vulnerable to: GHSA-c429-5p7v-vgjp","Warn: Project is vulnerable to: GHSA-43f8-2h32-f4cj","Warn: Project is vulnerable to: GHSA-pfq8-rq6v-vf5m","Warn: Project is vulnerable to: GHSA-6x33-pw7p-hmpq","Warn: Project is vulnerable to: GHSA-c7qv-q95q-8v27","Warn: Project is vulnerable to: GHSA-qqgx-2p2h-9c37","Warn: Project is vulnerable to: GHSA-78xj-cgh5-2h22","Warn: Project is vulnerable to: GHSA-2p57-rm9w-gvfp","Warn: Project is vulnerable to: GHSA-2pr6-76vf-7546","Warn: Project is vulnerable to: GHSA-8j8c-7jfh-h6hx","Warn: Project is vulnerable to: GHSA-896r-f27r-55mw","Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h","Warn: Project is vulnerable to: GHSA-6c8f-qphg-qjgp","Warn: Project is vulnerable to: GHSA-76p3-8jx3-jpfq","Warn: Project is vulnerable to: GHSA-3rfm-jhwj-7488","Warn: Project is vulnerable to: GHSA-hhq3-ff78-jv3g","Warn: Project is vulnerable to: GHSA-4xc9-xhrj-v574","Warn: Project is vulnerable to: GHSA-x5rq-j2xg-h7qm","Warn: Project is vulnerable to: GHSA-jf85-cpcp-j695","Warn: Project is vulnerable to: GHSA-p6mc-m468-83gw","Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9","Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm","Warn: Project is vulnerable to: GHSA-779f-wgxg-qr8f","Warn: Project is vulnerable to: GHSA-4xcv-9jjx-gfj3","Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv","Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3","Warn: Project is vulnerable to: GHSA-vh95-rmgr-6w4m","Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h","Warn: Project is vulnerable to: GHSA-fhjf-83wg-r2j9","Warn: Project is vulnerable to: GHSA-92xj-mqp7-vmcj","Warn: Project is vulnerable to: GHSA-wxgw-qj99-44c2","Warn: Project is vulnerable to: GHSA-5rrq-pxf6-6jx5","Warn: Project is vulnerable to: GHSA-8fr3-hfg3-gpgp","Warn: Project is vulnerable to: GHSA-gf8q-jrpm-jvxq","Warn: Project is vulnerable to: GHSA-2r2c-g63r-vccr","Warn: Project is vulnerable to: GHSA-cfm4-qjh2-4765","Warn: Project is vulnerable to: GHSA-x4jg-mjrx-434g","Warn: Project is vulnerable to: GHSA-9v62-24cr-58cx","Warn: Project is vulnerable to: GHSA-r8f7-9pfq-mjmv","Warn: Project is vulnerable to: GHSA-rp65-9cf3-cjxr","Warn: Project is vulnerable to: GHSA-76c9-3jph-rj3q","Warn: Project is vulnerable to: GHSA-9wv6-86v2-598j","Warn: Project is vulnerable to: GHSA-rhx6-c78j-4q9w","Warn: Project is vulnerable to: GHSA-h7cp-r72f-jxh6","Warn: Project is vulnerable to: GHSA-v62p-rq8g-8h59","Warn: Project is vulnerable to: GHSA-566m-qj78-rww5","Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j","Warn: Project is vulnerable to: GHSA-hwj9-h5mp-3pm3","Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp","Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6","Warn: Project is vulnerable to: GHSA-7mwh-4pqv-wmr8","Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw","Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg","Warn: Project is vulnerable to: GHSA-h9rv-jmmf-4pgx","Warn: Project is vulnerable to: GHSA-hxcc-f52p-wc94","Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p","Warn: Project is vulnerable to: GHSA-4g88-fppr-53pp","Warn: Project is vulnerable to: GHSA-4jqc-8m5r-9rpr","Warn: Project is vulnerable to: GHSA-c9g6-9335-x697","Warn: Project is vulnerable to: GHSA-vx3p-948g-6vhq","Warn: Project is vulnerable to: GHSA-j44m-qm6p-hp7m","Warn: Project is vulnerable to: GHSA-3jfq-g458-7qm9","Warn: Project is vulnerable to: GHSA-5955-9wpr-37jh","Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36","Warn: Project is vulnerable to: GHSA-r628-mhmh-qjhw","Warn: Project is vulnerable to: GHSA-9r2w-394v-53qc","Warn: Project is vulnerable to: GHSA-qq89-hq3f-393p","Warn: Project is vulnerable to: GHSA-52f5-9888-hmc6","Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3","Warn: Project is vulnerable to: GHSA-7p7h-4mm5-852v","Warn: Project is vulnerable to: GHSA-38fc-wpqx-33j7","Warn: Project is vulnerable to: GHSA-46c4-8wrp-j99v","Warn: Project is vulnerable to: GHSA-9m6j-fcg5-2442","Warn: Project is vulnerable to: GHSA-hh27-ffr2-f2jc","Warn: Project is vulnerable to: GHSA-rqff-837h-mm52","Warn: Project is vulnerable to: GHSA-8v38-pw62-9cw2","Warn: Project is vulnerable to: GHSA-hgjh-723h-mx2j","Warn: Project is vulnerable to: GHSA-jf5r-8hm2-f872","Warn: Project is vulnerable to: GHSA-wr3j-pwj9-hqq6","Warn: Project is vulnerable to: GHSA-cf66-xwfp-gvc4","Warn: Project is vulnerable to: GHSA-4v9v-hfq4-rm2v","Warn: Project is vulnerable to: GHSA-9jgg-88mc-972h","Warn: Project is vulnerable to: GHSA-g78m-2chm-r7qv","Warn: Project is vulnerable to: GHSA-c4w7-xm78-47vh","Warn: Project is vulnerable to: GHSA-p9pc-299p-vxgp"],"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}}]},"last_synced_at":"2025-08-20T19:10:18.133Z","repository_id":57254099,"created_at":"2025-08-20T19:10:18.133Z","updated_at":"2025-08-20T19:10:18.133Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28970523,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-01T05:48:53.985Z","status":"ssl_error","status_checked_at":"2026-02-01T05:47:55.855Z","response_time":56,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["flex-layout","flexbox","flexbox-grid","grid","grid-layout","grid-system","sass","sass-library"],"created_at":"2024-09-24T20:45:56.471Z","updated_at":"2026-02-01T06:31:41.954Z","avatar_url":"https://github.com/lbwa.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# grid-style [![npm](https://img.shields.io/npm/v/grid-style.svg)](https://www.npmjs.com/package/grid-style) [![Build Status](https://travis-ci.org/lbwa/grid-style.svg?branch=master)](https://travis-ci.org/lbwa/grid-style)\n\n\u003e CSS grid layout which is based on 12 preset columns layout is implemented by flex box.\n\n👉Browse [online]\n\n[online]:https://lbwa.github.io/grid-style/\n\n## Installing\n\n```bash\n# npm\nnpm i grid-style --save\n\n# yarn\nyarn add grid-style\n```\n\n```html\n\u003c!-- CDN--\u003e\n\u003clink rel=\"stylesheet\" href=\"https://unpkg.com/grid-style@latest/dist/index.min.css\"\u003e\n\u003c!-- or --\u003e\n\n\u003clink rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/grid-style@latest/dist/index.min.css\"\u003e\n\u003c!-- recommend you to add version number to url ending. eg.https://unpkg.com/grid-style@x.y.z --\u003e\n```\n\n## Usage\n\n```js\n// import css file to js file\nimport 'grid-style/dist/index.min.css'\n// or\nimport 'grid-style/dist/index.css'\n\n// a sass alternative to css file\nimport 'grid-style/layout/index.sass'\n```\n\n```css\n/* import css file to your own css file */\n@import 'grid-style';\n\n/* or */\n\n/* import sass file to your own sass file */\n@import 'grid-style/layout/index.sass'\n```\n\n## Basis\n\n| selector | target | description |\n| -------- | ------ | ----------- |\n| .grid | container | define box container |\n| .grid.no-wrap | container | disallow wrap item |\n| .grid.col | container | set flex direction to column |\n| .grid.cr | container | set flex direction to column-reverse |\n| .grid.row | container | set flex direction to row |\n| .grid.rr | container | set flex direction to row-reverse |\n| .grid-cell | item | define default flex grow factor value of a item |\n| .grid-cell-1 ~ .grid-cell-12 | item | define single item width （based on `1/12 container width`） |\n\n```html\n\u003cdiv class=\"grid\"\u003e\n  \u003cdiv class=\"grid-cell grid-cell-2\"\u003e\n    \u003c!-- something you like --\u003e\n  \u003c/div\u003e\n  \u003cdiv class=\"grid-cell\"\u003e\n    \u003c!-- something you like --\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n```\n\n## Alignment\n\n| selector | target | description |\n| -------- | ------ | ----------- |\n| .grid-top | container | define alignment per ***row*** to top-aligned |\n| .grid-center | container | define alignment per ***row*** to vertically-centered |\n| .grid-bottom | container | define alignment per ***row*** to bottom-aligned |\n| .grid-jc-start | container | define alignment all ***item*** to left-aligned |\n| .grid-jc-end | container | define alignment all ***item*** to right-aligned |\n| .grid-jc-center | container | define alignment all ***item*** to horizontally-centered |\n| .grid-jc-between | container | define alignment all ***item*** to space-between-aligned |\n| .grid-jc-around | container | define alignment all ***item*** to space-around-aligned |\n| .grid-cell-top | item | define alignment per ***item*** to top-aligned |\n| .grid-cell-center | item | define alignment per ***item*** to vertically-centered |\n| .grid-cell-bottom | item | define alignment per ***item*** to bottom-aligned |\n\n***Notice***: You have to make sure all item total width less than container width if you are using `.grid-jc-` properties. You can use `.grid-cell-1 ~ .grid-cell-12` to limit item width.\n\n[Online alignment demo][demo-alignment]\n\n```html\n\u003cdiv class=\"grid grid-bottom\"\u003e\n   \u003c!-- all child item element will be bottom-aligned excluding grid-cell alignment element --\u003e\n  \u003cdiv class=\"grid-cell\"\u003e\n    \u003c!-- content of this area will be bottom-aligned --\u003e\n  \u003c/div\u003e\n  \u003cdiv class=\"grid-cell grid-cell-center\"\u003e\n    \u003c!-- content of this area will be vertically-centered because of grid-cell-center --\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n```\n\n[demo-alignment]:https://jsfiddle.net/h946ot70/12/\n\n## Gutters\n\n| selector | target | description |\n| -------- | ------ | ----------- |\n| .grid[grid-gutters=\"1\"] ~ .grid[grid-gutters=\"10\"] | container | define item gutter （based on `.5em`） |\n\n## Offset\n\n| selector | target | description |\n| -------- | ------ | ----------- |\n| .offset-1 ~ .offset-12 | item | define item offset （based on `1/12 container width`）|\n\n[Online offset demo][demo-offset]\n\n```html\n\u003cdiv class=\"grid\" grid-gutters=\"1\"\u003e\n  \u003cdiv class=\"grid-cell offset-1\"\u003e\n    \u003c!-- offset 8.33333% * 1 --\u003e\n  \u003c/div\u003e\n  \u003cdiv class=\"grid-cell offset-5\"\u003e\n    \u003c!-- offset 8.33333% * 5 --\u003e\n  \u003c/div\u003e\n  \u003cdiv class=\"grid-cell offset-6\"\u003e\n    \u003c!-- offset 8.33333% * 6 --\u003e\n  \u003c/div\u003e\n  \u003cdiv class=\"grid-cell\"\u003e\n    \u003c!-- no offset --\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n```\n\n[demo-offset]:https://jsfiddle.net/h946ot70/36/\n\n## Response\n\n***Notice***: This section define properties to ***all*** item （`.grid-cell` * n） from ***one*** container（`.grid` * 1）.\n\n| selector | target | description |\n| -------- | ------ | ----------- |\n| .grid-full | container | define all item (`100%` container width) width from same container |\n| .grid-2 | container | define all item (`50%` container width) width from same container |\n| .grid-3 | container | define all item (`33.3333%` container width) width from same container |\n| .grid-4 | container | define all item (`25%` container width) width from same container |\n| .grid-sm-1 ~ .grid-sm-12 | item | define single item width (`8.3333% ~ 100%` container width) under device width over `576px` |\n| .grid-md-1 ~ .grid-md-12 | item | define single item width (`8.3333% ~ 100%` container width) under device width over `768px` |\n| .grid-lg-1 ~ .grid-lg-12 | item | define single item width (`8.3333% ~ 100%` container width) under device width over `992px` |\n| .grid-xl-1 ~ .grid-xl-12 | item | define single item width (`8.3333% ~ 100%` container width) under device width over `1200px` |\n\nIf you are using version `0.3.x` :\n\n| selector | target | description |\n| -------- | ------ | ----------- |\n| .grid-full | container | define all item (`100%` container width) width from same container |\n| .grid-2 | container | define all item (`50%` container width) width from same container |\n| .grid-3 | container | define all item (`33.3333%` container width) width from same container |\n| .grid-4 | container | define all item (`25%` container width) width from same container |\n| .small-grid-fit | container | define `flex: 1` ,  but it only works on device which width over `576px` |\n| .small-grid-full | container | same as `.grid-full` , but it only works on device which width over `576px` |\n| .small-grid-2 | container | same as `.grid-2` , but it only works on device which width over `576px` |\n| .small-grid-3 | container | same as `.grid-3` , but it only works on device which width over `576px` |\n| .small-grid-4 | container | same as `.grid-4` , but it only works on device which width over `576px` |\n| .large-grid-fit | container | define `flex: 1` ,  it only works on device which width over `768px` |\n| .large-grid-full | container | same as `.grid-full` , but it only works on device which width over `768px` |\n| .large-grid-2 | container | same as `.grid-2` , but it only works on device which width over `768px` |\n| .large-grid-3 | container | same as `.grid-3` , but it only works on device which width over `768px` |\n| .large-grid-4 | container | same as `.grid-4` , but it only works on device which width over `768px` |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flbwa%2Fgrid-style","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flbwa%2Fgrid-style","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flbwa%2Fgrid-style/lists"}