OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <html> | |
harpreet.sk
2015/09/07 06:10:16
We generally skip html, head and body element.
ashlin.j
2015/09/21 06:33:59
Done.
| |
3 <link href="resources/flexbox.css" rel="stylesheet"> | |
4 <style> | |
5 .parent { | |
6 height: 100px; | |
7 width: 100px; | |
8 border: 1px solid black; | |
9 } | |
10 | |
11 .child-flex-grow-1 { | |
12 background-color: green; | |
13 flex-grow: 0.5; | |
14 } | |
15 | |
16 .child-flex-grow-2 { | |
17 background-color: red; | |
18 flex-grow: 0.25; | |
19 } | |
20 .child-flex-grow-3 { | |
21 background-color: green; | |
22 flex-grow: 1.5; | |
23 } | |
24 | |
25 .child-flex-grow-4 { | |
26 background-color: red; | |
27 flex-grow: 1.5; | |
28 } | |
29 | |
30 | |
harpreet.sk
2015/09/07 06:10:16
Remove Extra lines and spaces. Make your test conc
ashlin.j
2015/09/21 06:34:00
Done.
| |
31 | |
32 </style> | |
33 <script src="../../resources/check-layout.js"></script> | |
34 <body onload="checkLayout('.flexbox');"> | |
35 <div>Test Case-1</div> | |
36 <div class="flexbox parent"> | |
37 <div class="child-flex-grow-1 " data-expected-width="50"></div> | |
38 </div> | |
39 | |
40 <div>Test Case-2</div> | |
41 <div class="flexbox parent"> | |
42 <div class="child-flex-grow-1 " data-expected-width="50"></div> | |
43 <div class="child-flex-grow-2 " data-expected-width="25"></div> | |
44 </div> | |
45 | |
46 <div>Test Case-3</div> | |
47 <div class="flexbox parent"> | |
48 <div class="child-flex-grow-3 " data-expected-width="50"></div> | |
49 <div class="child-flex-grow-4 " data-expected-width="50"></div> | |
50 </div> | |
51 | |
52 </body> | |
harpreet.sk
2015/09/07 06:10:16
html not required.
ashlin.j
2015/09/21 06:34:00
Done.
| |
53 </html> | |
OLD | NEW |