html_css

1
.string__header {
2
    font-family: "Jua", sans-serif;
3
    font-weight: 700;
4
    text-transform: uppercase;
5
    font-size: 20px;
6
}
7

8
.card__line {
9
    display: flex;
10
    max-width: 750px;
11
    gap: 20px;
12
    padding: 0px;
13
    list-style-type: none;
14
}
15
.card__lineelement {
16

17
}
18

19
.card__img {
20
    display: block;
21
    max-width: 100%;
22
    height: auto;
23
    object-fit: cover;
24
}
25

26
.card__price {
27
    font-family: "Jua", sans-serif;
28
    font-weight: bold;
29
    font-size: 20px;
30
    margin: 0 0 5px;
31
}
32

33
.card__model {
34
    font-family: "Montserrat", sans-serif;
35
    font-weight: 600;
36
    font-size: 18px;
37
    margin: 0;
38
}
39

40
.card__brand {
41
    font-family: "Sarabun", sans-serif;
42
    font-weight: 600;
43
    font-size: 18px;
44
    margin: 0;
45
}
46

47
@media only screen and (max-width: 430px) {
48
    .card__line {
49
        flex-direction: column;
50
        gap: 30px;
51
    }
52
}