diff -r 322d0feea350 -r 89ef5ed3c48b src/cm/media/js/lib/yui/yui_3.10.3/docs/cssgrids/cssgrids-magazine.html --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/src/cm/media/js/lib/yui/yui_3.10.3/docs/cssgrids/cssgrids-magazine.html Tue Jul 16 14:29:46 2013 +0200 @@ -0,0 +1,206 @@ + + + + + Example: Responsive Newspaper Layout + + + + + + + + + + +
+
+

+
+ + +

Example: Responsive Newspaper Layout

+
+
+
+
+

The HTML for this example uses YUI3 Responsive Grids syntax to look great on different screen sizes (resize this page or view it on a smartphone). On larger screens, there are three columns. However, if viewed on a screen that is smaller than 767px, the columns stack vertically. The right-most column, which shows a stack of content on larger widths, changes to show a grid on smaller widths.

+
+ +
+ + View Example in New Window + +
+ +
+
+
+ +
+
+ + + +
+
+

Examples

+
+ +
+ +
+
+ + + +
+
+

Examples That Use This Component

+
+ +
+ +
+
+ +
+
+
+
+ + + + + + + + + + +