{"json_modified": "2016-10-07T06:43:34.799672", "uuid": "e446990a-96bf-4b76-a2d8-0df4dea8833c", "title": "Grids", "url": "/en-US/docs/Learn/CSS/CSS_layout/Grids", "tags": ["grid framework", "Beginner", "CSS", "Learn", "Article", "CodingScripting", "Grids", "Tutorial", "Guide", "grid system", "grid design", "Layout", "CSS Grids"], "translations": [{"uuid": "4d651eef-b0ae-4df4-8460-106105683671", "title": "Grids", "url": "/es/docs/Learn/CSS/CSS_layout/Grids", "tags": [], "summary": "Having read this article you should now have an understanding of how grid layouts, and grid frameworks work in CSS. You have also had a peek into the future off CSS grids, and should now understand that the grid frameworks we use today are essentially a stopgap solution until we have a widely supported native way of achieving this in CSS.", "localization_tags": ["inprogress"], "locale": "es", "last_edit": "2016-09-27T07:35:03", "review_tags": []}, {"uuid": "5f521fe3-4e7b-4ec8-b530-d3b9c14dd920", "title": "Grids", "url": "/zh-CN/docs/Learn/CSS/CSS_layout/Grids", "tags": ["\u7f51\u683c\u8bbe\u8ba1", "\u7f51\u683c", "CSS", "\u6559\u7a0b", "\u521d\u5b66\u8005", "\u5e03\u5c40", "grid design", "CSS Grids"], "summary": "Having read this article you should now have an understanding of how grid layouts, and grid frameworks work in CSS. You have also had a peek into the future off CSS grids, and should now understand that the grid frameworks we use today are essentially a stopgap solution until we have a widely supported native way of achieving this in CSS.", "localization_tags": ["inprogress"], "locale": "zh-CN", "last_edit": "2016-09-25T22:36:45", "review_tags": []}], "modified": "2016-10-07T06:43:34", "label": "Grids", "localization_tags": [], "locale": "en-US", "id": 195707, "last_edit": "2016-10-07T06:43:24", "summary": "Having read this article you should now have an understanding of how grid layouts and grid frameworks work in CSS. You have also had a peek into the future off CSS grids and should now understand that the grid frameworks we use today are essentially a stopgap solution until we have a widely supported native way of achieving this in CSS.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "What_is_grid_layout", "title": "What is grid layout?"}, {"id": "Using_a_\u201cgrid_system\u201d_in_your_projects", "title": "Using a \u201cgrid system\u201d in your projects"}, {"id": "Creating_simple_grid_frameworks", "title": "Creating simple grid frameworks"}, {"id": "A_simple_fixed_width_grid", "title": "A simple fixed width grid"}, {"id": "Creating_a_fluid_grid", "title": "Creating a fluid grid"}, {"id": "Updating_our_grid", "title": "Updating our grid"}, {"id": "Easier_calculations_using_the_calc()_function", "title": "Easier calculations using the calc() function"}, {"id": "Semantic_versus_\u201cunsemantic\u201d_grid_systems", "title": "Semantic versus \u201cunsemantic\u201d grid systems"}, {"id": "Enabling_offset_containers_in_our_grid", "title": "Enabling offset containers in our grid"}, {"id": "Floated_grid_limitations", "title": "Floated grid limitations"}, {"id": "Flexbox_grids", "title": "Flexbox grids?"}, {"id": "Third_party_grid_systems", "title": "Third party grid systems"}, {"id": "Native_CSS_Grids_with_Grid_Layout", "title": "Native CSS Grids with Grid Layout"}, {"id": "Building_a_native_grid", "title": "Building a native grid"}, {"id": "Other_nice_CSS_grid_features", "title": "Other nice CSS grid features"}, {"id": "Active_learning_Write_your_own_simple_grid", "title": "Active learning: Write your own simple grid"}, {"id": "Summary", "title": "Summary"}], "slug": "Learn/CSS/CSS_layout/Grids", "review_tags": []}