Web-Penugasan-INDIVIDU/mobile.css at master · yohanesokta/Web-Penugasan-INDIVIDU · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
@media only screen and (max-width: 870px) {
    .global-isi {
        flex-direction: column;
        position: relative;
        height: auto;
    }
    .container-profile {
        flex: 1;
    }
    .card,
    .name-big,
    .medsos {
        display: none;
    }
    .container-kanan {
        width: 100%;
        overflow-y: hidden;
    }
    .global-my-profile {
        width: 100%;
        height: 500px;
    }
    .image-bg {
        position: fixed;
        height: 100vh;
    }
    .image-bg img {
        object-fit: cover;
        object-position: unset;
    }
    .image-bg .lens {
        height: 100vh;
    }
}
@media only screen and (max-width: 450px) {
    .teman-profile {
        flex-direction: column;
        height: auto;
        width: 80%;
    }
    .teman-profile .image {
        width: 100%;
        height: 300px;
    }
    .teman-profile .right-profile span {
        border-radius: 20px;
    }
    .container-kanan {
        gap: 50px;
    }
}