title: Defining independent formatting context
body: <p>Reading this <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Visual_formatting_model" rel="nofollow noreferrer">article</a>, I was struggling to define independent formatting context.</p>
  <p>Is independent formatting context when: element creates different formatting context for its children than the one its parents made for it OR a formatting context anything other than <code>flow</code> i.e. Block-formatting context, Flex formatting context, Grid-formatting context etc?</p>