Skip to content

Commit b36a711

Browse files
committed
feat: introduction to css grid.
1 parent 883e22b commit b36a711

File tree

1 file changed

+11
-0
lines changed

1 file changed

+11
-0
lines changed

starter/04-CSS-Layouts/css-grid.html

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -40,9 +40,20 @@
4040
margin: 40px;
4141

4242
/* CSS GRID */
43+
display: grid;
44+
45+
/* * 4 columns */
46+
grid-template-columns: 250px 250px 150px 150px;
47+
/* * 2 rows */
48+
grid-template-rows: 300px 200px;
49+
50+
gap: 20px;
51+
column-gap: 30px;
52+
row-gap: 60px;
4353
}
4454

4555
.container--2 {
56+
display: none;
4657
/* STARTER */
4758
font-family: sans-serif;
4859
background-color: black;

0 commit comments

Comments
 (0)