File tree 2 files changed +10
-10
lines changed
2 files changed +10
-10
lines changed Original file line number Diff line number Diff line change 46
46
.container {
47
47
display : grid;
48
48
grid-gap : 20px ;
49
- grid-template-areas :
50
- "💩 💩 💩 💩 🍔 🍔 🍔 🍔"
51
- "💩 💩 💩 💩 🍔 🍔 🍔 🍔"
52
- "💩 💩 💩 💩 🍔 🍔 🍔 🍔"
49
+ grid-template-areas :
50
+ "💩 💩 💩 💩 🍔 🍔 🍔 🍔"
51
+ "💩 💩 💩 💩 🍔 🍔 🍔 🍔"
52
+ "💩 💩 💩 💩 🍔 🍔 🍔 🍔"
53
53
"💩 💩 💩 💩 🍔 🍔 🍔 🍔" ;
54
54
}
55
55
Original file line number Diff line number Diff line change 31
31
grid-gap : 20px ;
32
32
grid-template-columns : 1fr 10fr 1fr ;
33
33
grid-template-rows : 150px 150px 100px ;
34
- grid-template-areas :
35
- "sidebar-1 content sidebar-2"
36
- "sidebar-1 content sidebar-2"
34
+ grid-template-areas :
35
+ "sidebar-1 content sidebar-2"
36
+ "sidebar-1 content sidebar-2"
37
37
"footer footer footer"
38
38
}
39
39
55
55
56
56
@media (max-width : 700px ) {
57
57
.container {
58
- grid-template-areas :
59
- "content content content"
60
- "sidebar-1 sidebar-1 sidebar-2"
58
+ grid-template-areas :
59
+ "content content content"
60
+ "sidebar-1 sidebar-1 sidebar-2"
61
61
"footer footer footer"
62
62
}
63
63
}
You can’t perform that action at this time.
0 commit comments