{"id":18585200,"url":"https://github.com/programmierenm/flexbox-3-spalten-layout","last_synced_at":"2025-04-10T13:30:55.741Z","repository":{"id":153346311,"uuid":"444347732","full_name":"ProgrammierenM/flexbox-3-spalten-layout","owner":"ProgrammierenM","description":"3 Spalten Responsive Layout mit CSS Flexbox welches sich dynamisch an die verfügbare Auflösung anpasst","archived":false,"fork":false,"pushed_at":"2022-11-02T09:21:29.000Z","size":173,"stargazers_count":4,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-24T21:38:28.005Z","etag":null,"topics":["css","css-flexbox"],"latest_commit_sha":null,"homepage":"","language":"HTML","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/ProgrammierenM.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":"2022-01-04T08:50:15.000Z","updated_at":"2023-11-15T08:14:07.000Z","dependencies_parsed_at":null,"dependency_job_id":"9b71b0f4-b8d1-473c-b2c9-d19720083a68","html_url":"https://github.com/ProgrammierenM/flexbox-3-spalten-layout","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/ProgrammierenM%2Fflexbox-3-spalten-layout","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ProgrammierenM%2Fflexbox-3-spalten-layout/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ProgrammierenM%2Fflexbox-3-spalten-layout/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ProgrammierenM%2Fflexbox-3-spalten-layout/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ProgrammierenM","download_url":"https://codeload.github.com/ProgrammierenM/flexbox-3-spalten-layout/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248225707,"owners_count":21068078,"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":["css","css-flexbox"],"created_at":"2024-11-07T00:31:48.177Z","updated_at":"2025-04-10T13:30:55.725Z","avatar_url":"https://github.com/ProgrammierenM.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 3 Spalten Responsive Layout mit CSS Flexbox\n\n3 Spalten Responsive Layout mit CSS Flexbox. Mit dem Flexbox System in CSS zeige ich dir wie du ein 3 Spalten Responsive Layout erstellen kannst welches sich dynamisch an die Auflösung anpasst. In der Desktopansicht werden 3 Spalten nebeneinander angezeigt. Bei kleineren Auflösungen rutscht die letzte Spalte unter die 2 Dritte. Bei sehr kleinen Auflösungen wird alles untereinander angezeigt.\n\n[![Tutorial bei Youtube](http://img.youtube.com/vi/JNqDBHGbAKQ/0.jpg)](https://youtu.be/JNqDBHGbAKQ)\n\n## 📺 Playlists\n\n[Webentwicklung für Anfänger](https://www.youtube.com/playlist?list=PLnqycjkeRGqmrzCAVKOc4RPhFWFMVpZ6x)\n\n[CSS Tutorials Deutsch](https://www.youtube.com/playlist?list=PLnqycjkeRGqmNb4zay7i46-57KgnO_xcD)\n\n[JavaScript Tutorials Deutsch](https://www.youtube.com/playlist?list=PLnqycjkeRGqlyZLCc63qMIdkYZhQ9M-Ij)\n\n[Visual Studio Code Tutorials](https://www.youtube.com/playlist?list=PLnqycjkeRGqmlJvXkxqSvIynlxaiKecPN)\n\n[Frameworks, Libraries und Tools](https://www.youtube.com/playlist?list=PLnqycjkeRGqnqag9WBK1THbdwsf2E-6cV)\n\n[Programmieren: Tipps, Ideen, Gedanken und Meinungen](https://www.youtube.com/playlist?list=PLnqycjkeRGqmxW1HaS897rvCapowxbtYH)\n\n## Vernetze dich:\n\n[\u003cimg align=\"left\" alt=\"mitmario.dev\" width=\"22px\" src=\"https://raw.githubusercontent.com/iconic/open-iconic/master/svg/globe.svg\" /\u003e][website]\n[\u003cimg align=\"left\" alt=\"programmierenmitmario | YouTube\" width=\"22px\" src=\"https://cdn.jsdelivr.net/npm/simple-icons@v3/icons/youtube.svg\" /\u003e][youtube]\n[\u003cimg align=\"left\" alt=\"programmierenmitmario | Twitter\" width=\"22px\" src=\"https://cdn.jsdelivr.net/npm/simple-icons@v3/icons/twitter.svg\" /\u003e][twitter]\n[\u003cimg align=\"left\" alt=\"programmierenmitmario | Instagram\" width=\"22px\" src=\"https://cdn.jsdelivr.net/npm/simple-icons@v3/icons/instagram.svg\" /\u003e][instagram]\n\u003cbr\u003e\n\u003cbr\u003e\n\n## License\n\n[MIT](LICENSE)\n\n[website]: https://mitmario.dev\n[twitter]: https://twitter.com/programmierenm\n[youtube]: https://youtube.com/programmierenmitmario\n[instagram]: https://instagram.com/programmierenm\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprogrammierenm%2Fflexbox-3-spalten-layout","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fprogrammierenm%2Fflexbox-3-spalten-layout","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprogrammierenm%2Fflexbox-3-spalten-layout/lists"}