Nesting columns

You can nest columns to have more flexibility in your design. You only need to follow this structure:

• columns: top-level columns container
  • column
    • columns: nested columns
      • column and so on…

The difference with multiline columns is the order in the HTML code: all the blue columns appear before the red ones. Resize to a narrower viewport to see the result.

Multiline columns will also have a gap between each line.