{"id":15111640,"url":"https://github.com/null-none/grd24","last_synced_at":"2026-02-10T10:36:06.244Z","repository":{"id":255303036,"uuid":"849162024","full_name":"null-none/grd24","owner":"null-none","description":"A CSS grid (responosive) framework using Flexbox (4Kb)","archived":false,"fork":false,"pushed_at":"2024-08-29T05:34:25.000Z","size":74,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-05T17:46:16.623Z","etag":null,"topics":["css","flexbox","framework","grid","sass"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/null-none.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-08-29T05:02:06.000Z","updated_at":"2024-08-29T05:34:28.000Z","dependencies_parsed_at":"2024-08-29T06:50:12.753Z","dependency_job_id":null,"html_url":"https://github.com/null-none/grd24","commit_stats":null,"previous_names":["null-none/grd24"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/null-none/grd24","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/null-none%2Fgrd24","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/null-none%2Fgrd24/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/null-none%2Fgrd24/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/null-none%2Fgrd24/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/null-none","download_url":"https://codeload.github.com/null-none/grd24/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/null-none%2Fgrd24/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":268660198,"owners_count":24286029,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-04T02:00:09.867Z","response_time":79,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["css","flexbox","framework","grid","sass"],"created_at":"2024-09-26T00:21:55.769Z","updated_at":"2026-02-10T10:36:01.193Z","avatar_url":"https://github.com/null-none.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# grd24\nA CSS grid (responosive) framework using Flexbox.\n\n\n### Install\n\n```bash\nnpm install grd24\n```\n\n#### Usage\n\n```html\n\u003cdiv class=\"grid\"\u003e\n  \u003cdiv class=\"cell -sm-12of24\"\u003esm-12of24\u003c/div\u003e\n  \u003cdiv class=\"cell -sm-12of24\"\u003esm-12of24\u003c/div\u003e\n\u003c/div\u003e\n```\n\n### grid options\n\n| size| value |\n|---|---|\n| `$sm` | 576px |\n| `$md` | 768px |\n| `$lg` | 992px |\n| `$xl` | 1200px |\n\n\n### `grid` modifiers\n\n| vertical layout | description |\n|---|---|\n| `-top` | Pull items to top |\n| `-middle` |  Pull items to middle |\n| `-bottom` |  Pull items to bottom |\n| `-stretch` | Stretch items |\n| `-baseline` |  Pull items to baseline |\n\n| horizontal layout | Ddscription |\n|---|---|\n| `-left` | Layout items to left |\n| `-center` | Layout items To center |\n| `-right` | Layout items to right |\n| `-between` | Add spaces between items |\n| `-around` | Add spaces around items |\n| `-reverse` | Add reverse column items |\n\n\n### `cell` modifiers\n\n| cell width | description |\n|---|---|\n| `-fill` | Set item width to left |\n| `-1of12` | Set item width to 8.3% |\n| `-2of12` | Set item width to 16.7% |\n| `-3of12` | Set item width to 25% |\n| `-4of12` | Set item width to 33% |\n| `-5of12` | Set item width to 41.7% |\n| `-6of12` | Set item width to 50% |\n| `-7of12` | Set item width to 58.3% |\n| `-8of12` | Set item width to 66.7% |\n| `-9of12` | Set item width to 75% |\n| `-10of12` | Set item width to 83.3% |\n| `-11of12` | Set item width to 91.7% |\n| `-12of12` | Set item width to 100% |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnull-none%2Fgrd24","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnull-none%2Fgrd24","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnull-none%2Fgrd24/lists"}