{"id":13392966,"url":"https://github.com/philipwalton/solved-by-flexbox","last_synced_at":"2025-04-29T18:50:55.079Z","repository":{"id":37734980,"uuid":"12512833","full_name":"philipwalton/solved-by-flexbox","owner":"philipwalton","description":"A showcase of problems once hard or impossible to solve with CSS alone, now made trivially easy with Flexbox.","archived":false,"fork":false,"pushed_at":"2022-12-03T06:36:29.000Z","size":2029,"stargazers_count":12994,"open_issues_count":38,"forks_count":1006,"subscribers_count":393,"default_branch":"master","last_synced_at":"2025-04-10T00:11:23.548Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://philipwalton.github.io/solved-by-flexbox/","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/philipwalton.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}},"created_at":"2013-08-31T23:04:51.000Z","updated_at":"2025-04-09T06:47:30.000Z","dependencies_parsed_at":"2023-01-22T15:10:11.386Z","dependency_job_id":null,"html_url":"https://github.com/philipwalton/solved-by-flexbox","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/philipwalton%2Fsolved-by-flexbox","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/philipwalton%2Fsolved-by-flexbox/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/philipwalton%2Fsolved-by-flexbox/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/philipwalton%2Fsolved-by-flexbox/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/philipwalton","download_url":"https://codeload.github.com/philipwalton/solved-by-flexbox/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251564786,"owners_count":21609960,"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","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":[],"created_at":"2024-07-30T17:00:40.255Z","updated_at":"2025-04-29T18:50:55.053Z","avatar_url":"https://github.com/philipwalton.png","language":"CSS","funding_links":[],"categories":["CSS","JavaScript","Shell","Featured Projects"],"sub_categories":["[Sketching with CSS](http://www.sketchingwithcss.com) Flexbox Guide by [@sfioritto](https://github.com/sfioritto)"],"readme":"# Solved by Flexbox\n\nA showcase of problems once hard or impossible to solve with CSS alone, now made trivially easy with Flexbox.\n\n[View Site](https://philipwalton.github.io/solved-by-flexbox/)\n\n## Viewing the Site Locally\n\nThe Solved by Flexbox site can be built with [Node.js](http://nodejs.org/). If you have Node.js installed on your system, you can run the following commands to build and serve a local copy.\n\n```sh\n# Clone the git repository and cd into the cloned directory.\ngit clone https://github.com/philipwalton/solved-by-flexbox.git\ncd solved-by-flexbox\n\n# Install the dependencies\nnpm install\n\n# Build and serve the site at http://localhost:4000\nnpm start\n```\n\nThis starts up a local server on port 4000. To view the site in your browser, navigate to [http://localhost:4000](http://localhost:4000). If you want to use a different port, you can pass the port number as an argument to `npm start`:\n\n```sh\nnpm start -- -p 8080\n```\n\nIn addition to building the site and serving it locally, this will also listen for any changes and rebuild the site as needed. This allows you to play around with the code, refresh the browser, and see your changes instantly.\n\n## Translations\n\nThe following translations have been graciously provided by the community:\n\n* [Chinese](https://hufan-akari.github.io/solved-by-flexbox/)\n* [Japanese](http://hashrock.github.io/solved-by-flexbox-ja/)\n* [Korean](https://hyunseob.github.io/solved-by-flexbox-kr/)\n\nPlease note that translations are unofficial and may be inaccurate or out of date. To submit your own translation, please submit a [pull request](https://github.com/philipwalton/solved-by-flexbox/pull/new/master) or [open an issue](https://github.com/philipwalton/solved-by-flexbox/issues/new) and link to your translated content.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fphilipwalton%2Fsolved-by-flexbox","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fphilipwalton%2Fsolved-by-flexbox","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fphilipwalton%2Fsolved-by-flexbox/lists"}