html_css

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

5
body {
6
    padding: 0;
7
    margin: 0;
8
}
9
.container {
10
    background: #fffd6f;
11
    padding: 10px;
12
    display: flex;
13
    height: 500px;
14
    /*justify-content: flex-end;*/
15
    /*justify-content: center;*/
16
    /*justify-content: flex-start;*/
17
    /*justify-content: space-between;*/
18
    /*justify-content: space-around;*/
19
    /*justify-content: space-evenly;*/
20
    /*align-items: center;*/
21
    /*align-items: flex-start;*/
22
    /*align-items: stretch;*/
23
    align-items: baseline;
24
}
25

26
.item {
27
    background: #ffd057;
28
    padding: 30px;
29
    margin: 10px;
30
    /*height: 200px;*/
31
}
32
.item-1 {
33
    font-size: 40px;
34
}
35
.item-2 {
36
    font-size: 25px;
37
}
38
.item-3 {
39
    font-size: 13px;
40
    padding-top: 80px;
41
}