Blog

The Box Model, Sizing and Logical Properties: box-sizing, Margin Collapse, Intrinsic Sizes and Units

With box-sizing: border-box, width measures the whole box; in normal flow stacked vertical margins do not add up, the larger one wins, while in flex and grid they add up. On Bookstore's book card and detail page we measure the box model, when margin collapse happens and when it doesn't, min-content/max-content/fit-content, the cover ratio with aspect-ratio, rem/em/ch and svh/lvh/dvh units, and RTL-ready logical properties in Chromium and WebKit.