Understanding CSS Layout And The Block Formatting Context

Original Source: https://www.smashingmagazine.com/2017/12/understanding-css-layout-block-formatting-context/

There are a few concepts in CSS layout that can really enhance your CSS game once you understand them. This article is about the Block Formatting Context (BFC). You may never have heard of this term, but if you have ever made a layout with CSS, you probably know what it is. Understanding what a BFC is, why it works, and how to create one is useful and can help you to understand how layout works in CSS.