Visual Structure

Designer Andy Clarke created a visual guide to the Zen Garden's markup structure (FIGURE 14). It does a great job demonstrating how the various elements nest inside each other, and serves as a good starting point for studying and adapting the Zen Garden's markup. See Clarke's accompanying write-up, "3D CSS Zen Garden" (www.stuffandnonsense.co.uk/archives/3d_css_zen_garden.html).

Figure 14. Andy Clarke's visual guide to the Zen Garden's markup structure.