The Process of Layouting
In this lesson, we will learn the three traditional display modes before Flexbox came around: block, inline, inline-block.
We'll cover the following...
Before Flexbox became mainstream, we mainly used block
, inline
, and inline-block
display modes to create page layouts. Though they are not always intuitive, it is still worth learning them, because they form the foundations for layouting.
display: block
A block-level element occupies the whole width of a row inside its container.
The width of a block-level element can be set. However, if the width of the ...