{"json_modified": "2016-09-30T09:21:48.336998", "uuid": "5ad77574-b4f8-410b-a4eb-3f94d5adf363", "title": "Introduction to CSS layout", "url": "/en-US/docs/Learn/CSS/CSS_layout/Introduction", "tags": ["Positioning", "Floats", "Flexbox", "Introduction", "CSS", "Learn", "Article", "Grids", "Tables", "flexbox", "flow", "Layout", "Beginner"], "translations": [], "modified": "2016-09-30T09:21:48", "label": "Introduction to CSS layout", "localization_tags": [], "locale": "en-US", "id": 195749, "last_edit": "2016-09-30T09:21:39", "summary": "This article has provided a brief summary of all the layout technologies you should know about. Read on for more information on each individual technology!", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Normal_layout_flow", "title": "Normal layout flow"}, {"id": "Floats", "title": "Floats"}, {"id": "Simple_HTML_example", "title": "Simple HTML example"}, {"id": "Making_the_columns_float", "title": "Making the columns float"}, {"id": "Positioning_Techniques", "title": "Positioning Techniques"}, {"id": "Simple_positioning_example", "title": "Simple positioning example"}, {"id": "Relative_Positioning", "title": "Relative Positioning"}, {"id": "Relative_positioning_example", "title": "Relative positioning example"}, {"id": "Absolute_Positioning", "title": "Absolute Positioning"}, {"id": "Absolute_positioning_example", "title": "Absolute positioning example"}, {"id": "CSS_tables", "title": "CSS tables"}, {"id": "Flexible_boxes", "title": "Flexible boxes"}, {"id": "Grid_layout", "title": "Grid layout"}, {"id": "Summary", "title": "Summary"}], "slug": "Learn/CSS/CSS_layout/Introduction", "review_tags": []}