OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <html> | |
3 <head> | |
4 <title>Test Case with FIELDSET as grid container</title> | |
Manuel Rego
2016/07/20 06:00:23
Same comments about tags and title like in the pre
Gleb Lanbin
2016/07/21 18:25:31
Done.
| |
5 <style> | |
6 .grid > div { | |
7 border-style: solid; | |
8 border-width: 1px; | |
9 } | |
10 .grid { | |
11 display: grid; | |
12 height: 200px; | |
13 width: 200px; | |
14 } | |
15 .nw{ | |
Manuel Rego
2016/07/20 06:00:23
Please use more descriptive names for the CSS clas
Gleb Lanbin
2016/07/21 18:25:31
Done.
| |
16 grid-column:1; | |
17 grid-row:1; | |
18 border-color: blue; | |
19 } | |
20 .ne{ | |
21 grid-column:2; | |
22 grid-row:1; | |
23 border-color: red; | |
24 } | |
25 .sw{ | |
26 grid-column:1; | |
27 grid-row:2; | |
28 border-color: green; | |
29 } | |
30 .se{ | |
31 grid-column:2; | |
32 grid-row:2; | |
33 border-color: orange; | |
34 } | |
35 </style> | |
36 </head> | |
37 | |
38 <body> | |
Manuel Rego
2016/07/20 06:00:23
In this case we clearly miss a description of the
Gleb Lanbin
2016/07/21 18:25:31
Done.
| |
39 <fieldset class="grid"> | |
40 <legend>Fieldset with display: grid</legend> | |
41 <div class="nw">NW</div> | |
42 <div class="ne">NE</div> | |
43 <div class="sw">SW</div> | |
44 <div class="se">SE</div> | |
45 </fieldset> | |
46 </body> | |
47 </html> | |
OLD | NEW |