When I first began learning CSS layout, I believed positioning elements was something I had to actively command. I imagined that every element needed to be pushed into place like pieces on a tactical map. If a heading appeared slightly off, I tried another property. If a paragraph drifted out of alignment, I forced it back with margins or positioning. Eventually I discovered that the browser already has a plan. Before any layout system is invoked, before Flexbox or Grid enter the story, every web page follows a quiet and predictable rule system called normal flow. Normal flow is the browser default layout behavior. It is the terrain upon which…
-
-
When I first began working with CSS, it did not feel like engineering. It felt like sorcery. I would change one property and three unrelated elements would shift. I would adjust a margin and a layout would collapse like a poorly balanced tower shield. I would confidently add a rule, refresh the page, and watch the browser ignore me with serene indifference. CSS did not behave like the deterministic logic of a programming language. It felt volatile. Chaotic. Unpredictable. It felt like wild magic. But wild magic in Dungeons and Dragons is not truly random. It is governed by tables, triggers, and hidden mechanics. It only appears chaotic to those…
