html_css

1
* {
2
    box-sizing: border-box;
3
}
4

5
.body {
6
    margin: 0;
7
    padding: 0;
8
}
9

10
.container {
11
    display: grid;
12
    /*grid-template-columns: [start] 200px [line2] 150px [line3] 100px [end];*/
13
    /*grid-template-columns: repeat(3 ,150px);*/
14
    /*grid-template-columns: 100px minmax(100px, 250px);*/
15
    /*grid-template-columns: 100px min-content;*/
16
    /*grid-template-columns: 100px max-content;*/
17
    /*grid-template-columns: 100px auto auto;*/
18
    /*grid-template-columns: repeat(4, 1fr);*/
19
    grid-template-columns: repeat(4, auto);
20
    grid-template-rows: 100px 200px 150px;
21
    grid-template: repeat(4, auto) / repeat(4, auto);
22
    background-color: #bca0dc;
23
    padding: 20px;
24
}
25

26
.item {
27
    background-color: #7c5295;
28
    padding: 20px;
29
    margin: 20px;
30
    color: white;
31
}