Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(130)

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-container-percentage-columns.html

Issue 2398043002: [css-grid] Stretch should grow and shrink items to fit its grid area (Closed)
Patch Set: Created 4 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <link href="../css-intrinsic-dimensions/resources/width-keyword-classes.css" rel ="stylesheet"> 2 <link href="../css-intrinsic-dimensions/resources/width-keyword-classes.css" rel ="stylesheet">
3 <link href="resources/grid.css" rel="stylesheet"> 3 <link href="resources/grid.css" rel="stylesheet">
4 <style> 4 <style>
5 .wrapper { 5 .wrapper {
6 position: relative; 6 position: relative;
7 clear: both; 7 clear: both;
8 } 8 }
9 9
10 .grid { 10 .grid {
(...skipping 110 matching lines...) Expand 10 before | Expand all | Expand 10 after
121 <div class="firstRowFirstColumn" 121 <div class="firstRowFirstColumn"
122 data-offset-x="0" data-offset-y="0" data-expected-width="20" data-ex pected-height="20"> 122 data-offset-x="0" data-offset-y="0" data-expected-width="20" data-ex pected-height="20">
123 XX X 123 XX X
124 </div> 124 </div>
125 </div> 125 </div>
126 </div> 126 </div>
127 127
128 <div class="wrapper"> 128 <div class="wrapper">
129 <div class="grid min-content oneColumn50" data-expected-width="20" data-expe cted-height="20"> 129 <div class="grid min-content oneColumn50" data-expected-width="20" data-expe cted-height="20">
130 <div class="firstRowFirstColumn" 130 <div class="firstRowFirstColumn"
131 data-offset-x="0" data-offset-y="0" data-expected-width="20" data-ex pected-height="20"> 131 data-offset-x="0" data-offset-y="0" data-expected-width="10" data-ex pected-height="20">
132 XX X 132 XX X
133 </div> 133 </div>
134 </div> 134 </div>
135 </div> 135 </div>
136 136
137 <div class="wrapper"> 137 <div class="wrapper">
138 <div class="grid float twoColumns" data-expected-width="140" data-expected-h eight="10"> 138 <div class="grid float twoColumns" data-expected-width="140" data-expected-h eight="10">
139 <div class="firstRowFirstColumn" 139 <div class="firstRowFirstColumn"
140 data-offset-x="0" data-offset-y="0" data-expected-width="70" data-ex pected-height="10"> 140 data-offset-x="0" data-offset-y="0" data-expected-width="70" data-ex pected-height="10">
141 XX X 141 XX X
(...skipping 106 matching lines...) Expand 10 before | Expand all | Expand 10 after
248 data-offset-x="0" data-offset-y="0" data-expected-width="50" data-ex pected-height="10"> 248 data-offset-x="0" data-offset-y="0" data-expected-width="50" data-ex pected-height="10">
249 </div> 249 </div>
250 <div class="firstRowSecondColumn" 250 <div class="firstRowSecondColumn"
251 data-offset-x="50" data-offset-y="0" data-expected-width="100" data- expected-height="10"> 251 data-offset-x="50" data-offset-y="0" data-expected-width="100" data- expected-height="10">
252 XX X 252 XX X
253 </div> 253 </div>
254 </div> 254 </div>
255 </div> 255 </div>
256 256
257 </body> 257 </body>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698