OLD | NEW |
---|---|
1 <style> | 1 <style> |
2 .flexbox { | 2 .flexbox { |
3 display: flex; | 3 display: flex; |
4 } | 4 } |
5 .column { | 5 .column { |
6 height: 50px; | 6 height: 50px; |
7 } | 7 } |
8 .row { | 8 .row { |
9 width: 50px; | 9 width: 50px; |
10 } | 10 } |
(...skipping 44 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
55 </div> | 55 </div> |
56 | 56 |
57 <div class="container row"> | 57 <div class="container row"> |
58 <div class="flexbox"> | 58 <div class="flexbox"> |
59 <div style="flex: 0 0 50%" data-expected-width=25></div> | 59 <div style="flex: 0 0 50%" data-expected-width=25></div> |
60 </div> | 60 </div> |
61 </div> | 61 </div> |
62 | 62 |
63 <div class="container column"> | 63 <div class="container column"> |
64 <div class="flexbox"> | 64 <div class="flexbox"> |
65 <div style="flex: 0 0 50%" data-expected-height=0></div> | 65 <div style="flex: 0 0 50%" data-expected-height=25></div> |
66 </div> | 66 </div> |
67 </div> | 67 </div> |
68 | 68 |
69 </body> | 69 </body> |
OLD | NEW |