3 <style type=
"text/css">
6 grid-template-columns: 1fr;
7 grid-template-rows: auto
;
9 grid-template-areas: "one"
16 background-color: beige
;
21 background-color: antiquewhite
;
26 background-color: bisque
;
29 .one, .two, .three { min-height: 100px; }
31 @media screen and
(min-width: 500px) {
33 grid-template-columns: 1fr 1fr;
34 grid-template-areas: "one one"
39 @media screen and
(min-width: 700px) {
41 grid-template-columns: 2fr 1fr 1fr;
42 grid-template-areas: "one two three";
48 <p>The test passes if you see
3 blocks bellow arranged on a single row
</p>
50 <div class=
"one"></div>
51 <div class=
"two"></div>
52 <div class=
"three"></div>