...

/

The Process of Layouting

The Process of Layouting

In this lesson, we will learn the three traditional display modes before Flexbox came around: block, inline, inline-block.

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 ...