Reality Check: What Works Now

Unfortunately, most of the work we’ve done on this layout is just an illustration of what’s possible—not a demonstration of how you should actually use flexible box layout today. In IE, Opera, and other browsers that don’t support it, the layout looks like a broken mess (Figure 7.19). This is not like using border-radius and having rounded corners not show up in IE; here, the CSS3 properties we’re using affect the layout of the whole page and are more than simple decorative effects.

Figure 7.19. The layout is broken in browsers that don’t support flexible box layout, such as IE 8.

[View full size image]