{"id":38916,"url":"https://css-tricks.com/snippets/css/a-guide-to-flexbox/","last_synced_at":"2025-08-12T03:31:05.424Z","repository":null,"keywords":[],"created_at":"2024-01-05T20:55:30.036Z","updated_at":"2024-01-05T22:39:58.553Z","avatar_url":null,"language":null,"funding_links":[],"categories":["CSS","📦 Finding and vetting npm packages","Uncategorized","Front End Web stuff","Index","CSS reference","Web development ##","Spotlight","Categories","Dev Guides","Awesome HTML/CSS/JS","Alx-Frontend-For-Fun :file_folder:","💻 - Front End\u003ca name=\"1\"\u003e\u003c/a\u003e","Layout","CS自学和前端自学提问互助、资源共享和交流QQ群（非闲聊群）","Frontend","Libraries","Basic Concepts","Guides","React Native [🔝](#readme)","Layout \u0026 Grids","Important Topics:"],"sub_categories":["Using flexbox, create a 3-column layout where each column takes up a `col-{n} / 12` ratio of the container.","Uncategorized","Flexbox Model","Study Plan ###","Learn CSS","Flexbox","CSS\u003ca name=\"1b\"\u003e\u003c/a\u003e","AI工具辅助","Quelques références tierces","JavaScript","CSS","ELB (Elastic Load Balancing)"],"readme":null,"project_url":"https://awesome.ecosyste.ms/api/v1/projects/css-tricks.com%2Fsnippets%2Fcss%2Fa-guide-to-flexbox%2F","html_url":"https://awesome.ecosyste.ms/projects/css-tricks.com%2Fsnippets%2Fcss%2Fa-guide-to-flexbox%2F","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/css-tricks.com%2Fsnippets%2Fcss%2Fa-guide-to-flexbox%2F/lists"}