09_legacy_layout_methods
dz / mdn / css / 3_css_layout / 09_legacy_layout_methodsSummary
Legacy Layout Methods
Node Tree
Nodes
| layout_grid_before_css_grid | |
| content | layout and grid systems before CSS grid layout |
| children | flexbox_grids (Flexbox grids), sized_items_lined_up |
| sized_items_lined_up | |
| content | work by giving items a size, and pushing them around to line the up in a way that looks like a grid |
| parents | layout_grid_before_css_grid |
| 2col | |
| content | two-column layout |
| children | float_left_right, liquid_layout, perc_as_width |
| perc_as_width | |
| content | use pertange as widths |
| parents | 2col |
| liquid_layout | |
| content | liquid layout: adjusts to different screen sizes and keeps the same proportions for column widths at smaller screen sizes |
| parents | 2col |
| float_left_right | |
| content | float left/right |
| parents | 2col |
| legacy_grid_frameworks | |
| content | creating simple legacy grid frameworks |
| children | fluid_grid, semantic_vs_unsemantic, fixed_width_grid |
| fixed_width_grid | |
| content | simple fixed-width grid |
| parents | legacy_grid_frameworks |
| fluid_grid | |
| content | creating a fluid grid |
| children | use_calc, fixed_to_flexible_formula |
| parents | legacy_grid_frameworks |
| fixed_to_flexible_formula | |
| content | formula for computing fixed width to flexible percent based: target / context = result |
| children | use_calc |
| parents | fluid_grid |
| use_calc | |
| content | use calc() for easier calculations |
| parents | fluid_grid, fixed_to_flexible_formula |
| semantic_vs_unsemantic | |
| content | semantic vs "unsemantic" grid systems |
| children | unsemantic, classes_markup_content_tied_presentation |
| parents | legacy_grid_frameworks |
| classes_markup_content_tied_presentation | |
| content | adding classes to markup means that content and markup are tied to visual presentation |
| parents | semantic_vs_unsemantic |
| unsemantic | |
| content | "unsemantic": describing how the content looks vs semantic use of classes to describe content |
| parents | semantic_vs_unsemantic |
| flexbox_grids | |
| parents | layout_grid_before_css_grid |
| third_party_grid | |
| content | third-party grid systems |