Skip to content

Commit

Permalink
Update layout workshop description to match color proposal
Browse files Browse the repository at this point in the history
  • Loading branch information
mirisuzanne committed Jul 23, 2024
1 parent 543af08 commit 910cdea
Showing 1 changed file with 9 additions and 7 deletions.
16 changes: 9 additions & 7 deletions content/workshops/cascading-layouts.md
Original file line number Diff line number Diff line change
Expand Up @@ -132,7 +132,7 @@ The workshop is taught in three sessions:
alt: 'Yoda reaching out to control the force, surrounded by jungle swamp'
}]) }}

#### First, Do No Harm
#### Cascading Styles

CSS is fundamentally different
from other languages or design tools,
Expand All @@ -142,13 +142,15 @@ We’ll dig into the practical implications of that vision,
and how the ‘grain’ of the language
can guide us to more performant and resilient styles.

#### Normal Flow & Formatting Contexts
#### Layout Modes & Formatting Contexts

Normal Flow is the default layout engine of CSS,
before we apply flexbox or grids.
Often passed over,
this powerful layout model
has a lot of complexity hidden just below the surface.
Many CSS properties are _modal_,
behaving differently in different layout contexts.
We'll start from the default layout mode
called 'normal flow' --
a powerful default
that often feels _natural_,
but hides a lot of complexity just below the surface.
We'll look at how the DOM is rendered
as a tree of inline and block boxes,
each generating a new 'formatting context'
Expand Down

0 comments on commit 910cdea

Please sign in to comment.