|
4 | 4 |
|
5 | 5 | ## Demos
|
6 | 6 |
|
7 |
| -### [Demo 1](http://responsiveimagescg.github.io/ALA-Whitworth-Demo/demo1/index.html) |
| 7 | +*[Demo 1](http://responsiveimagescg.github.io/ALA-Whitworth-Demo/demo1/index.html)* |
8 | 8 | A single breakpoint where the layout changes from linear to a primary content area and a sidebar.
|
9 | 9 |
|
10 |
| -### [Demo 2](http://responsiveimagescg.github.io/ALA-Whitworth-Demo/demo2/index.html) |
| 10 | +*[Demo 2](http://responsiveimagescg.github.io/ALA-Whitworth-Demo/demo2/index.html)* |
11 | 11 | Module styles, using a single breakpoint not scoped to any specific contexts. The “featured” module is broken at meduium viewport widths.
|
12 | 12 |
|
13 |
| -### [Demo 3](http://responsiveimagescg.github.io/ALA-Whitworth-Demo/demo3/index.html) |
| 13 | +*[Demo 3](http://responsiveimagescg.github.io/ALA-Whitworth-Demo/demo3/index.html)* |
14 | 14 | Modules now have a second breakpoint and set of styles scoped to the “featured” container context.
|
15 | 15 |
|
16 |
| -### [Demo 4](http://responsiveimagescg.github.io/ALA-Whitworth-Demo/demo4/index.html) |
| 16 | +*[Demo 4](http://responsiveimagescg.github.io/ALA-Whitworth-Demo/demo4/index.html)* |
17 | 17 | “Add to cart” button and “Only 3 left” text are aligned right regardless of available space.
|
18 | 18 |
|
19 |
| -### [Demo 5](http://responsiveimagescg.github.io/ALA-Whitworth-Demo/demo5/index.html) |
| 19 | +*[Demo 5](http://responsiveimagescg.github.io/ALA-Whitworth-Demo/demo5/index.html)* |
20 | 20 | “Add to cart” button and “Only 3 left” text are aligned right based on modules’ available space, using several media queries and duplicated styles.
|
21 | 21 |
|
22 |
| -### [Demo 6](http://responsiveimagescg.github.io/ALA-Whitworth-Demo/demo6/index.html) |
| 22 | +*[Demo 6](http://responsiveimagescg.github.io/ALA-Whitworth-Demo/demo6/index.html)* |
23 | 23 | Module layouts using a single set of “element query” styles.
|
24 | 24 |
|
25 |
| -### [Demo 7](http://responsiveimagescg.github.io/ALA-Whitworth-Demo/demo7/index.html) |
| 25 | +*[Demo 7](http://responsiveimagescg.github.io/ALA-Whitworth-Demo/demo7/index.html)* |
26 | 26 | “Add to cart” button and “Only 3 left” text are aligned right based on available space using a single set of “element query” styles.
|
27 | 27 |
|
28 | 28 | ## Quick Setup
|
|
0 commit comments