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 | fixed_width_grid, fluid_grid, semantic_vs_unsemantic |
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 |