3 Any copyright is dedicated to the Public Domain.
4 http://creativecommons.org/publicdomain/zero/1.0/
8 <title>CSS Grid Test: definite min/max-width/height values on the grid container
</title>
9 <link rel=
"author" title=
"Mats Palmgren" href=
"https://bugzilla.mozilla.org/show_bug.cgi?id=1229165">
10 <link rel=
"help" href=
"http://dev.w3.org/csswg/css-grid/">
11 <link rel=
"match" href=
"grid-container-min-max-width-height-001-ref.html">
12 <style type=
"text/css">
14 color:black
; background-color:white
; font-size:16px; padding:0; margin:0;
20 grid-template: 10px 10px / 10px 10px;
22 border: 1px solid black
;
27 x
{ background:blue
; }
33 <div class=
"grid" style=
"min-width:50px"><x></x><x></x><x></x><x></x></div>
34 <div class=
"grid" style=
"max-width:10px"><x></x><x></x><x></x><x></x></div>
35 <div class=
"grid" style=
"min-width:50px; max-width:10px"><x></x><x></x><x></x><x></x></div>
36 <div class=
"grid" style=
"width:50px; max-width:10px"><x></x><x></x><x></x><x></x></div>
37 <div class=
"grid" style=
"width:50px; min-width:10px"><x></x><x></x><x></x><x></x></div>
38 <div class=
"grid" style=
"min-width:50px; width:10px"><x></x><x></x><x></x><x></x></div>
39 <div class=
"grid" style=
"min-width:50px; max-width:20px; width:10px"><x></x><x></x><x></x><x></x></div>
40 <div class=
"grid" style=
"max-width:10px; width:20px"><x></x><x></x><x></x><x></x></div>
45 <div class=
"grid" style=
"min-height:50px"><x></x><x></x><x></x><x></x></div>
46 <div class=
"grid" style=
"max-height:10px"><x></x><x></x><x></x><x></x></div>
47 <div class=
"grid" style=
"min-height:50px; max-height:10px"><x></x><x></x><x></x><x></x></div>
48 <div class=
"grid" style=
"height:50px; max-height:10px"><x></x><x></x><x></x><x></x></div>
49 <div class=
"grid" style=
"height:50px; min-height:10px"><x></x><x></x><x></x><x></x></div>
50 <div class=
"grid" style=
"min-height:50px; height:10px"><x></x><x></x><x></x><x></x></div>
51 <div class=
"grid" style=
"min-height:50px; max-height:20px; height:10px"><x></x><x></x><x></x><x></x></div>
52 <div class=
"grid" style=
"max-height:10px; height:20px"><x></x><x></x><x></x><x></x></div>