flexbox

• There seems to be a similar atmosphere to Auto Layout in iOS development.

• When there is misalignment, it cleverly adjusts based on ratios (roughly).

• Introduction to Flexbox (Part 1) - Web Page Layout with Plenty of Illustrations | Skillhub

  • The basics are flex-grow, flex-shrink, and flex-basis.
    • If you write flex: x y z, it seems that x corresponds to flex-grow, y corresponds to flex-shrink, and z corresponds to flex-basis.