Engrain by ByteRush

WEB.09 5 concepts · 4 ready

CSS in depth II: layout and stacking

Explain layout algorithms and stacking so any layout bug can be diagnosed.

  1. WEB.09.01Formatting contexts and margin collapsingCoreMid-level10 min
  2. WEB.09.02Positioning and containing blocksCoreMid-level10 min
  3. WEB.09.03Stacking contexts and z-indexCoreMid-level10 min
  4. WEB.09.04Flexbox and Grid algorithms in depthMid-levelBeing written
  5. WEB.09.05Overflow, scrolling and containmentCoreMid-level10 min

Interview questions in this module

  1. What is a stacking context and what creates one?
  2. Why doesn't my z-index work?
  3. What is a block formatting context and how do you create one?
  4. Why does a flex item overflow its container with long text?
  5. What does position: sticky need to work?
  6. Explain margin collapsing.