MLH-LOCALHOST/mediaQuery.css at master · Inception-Wave/MLH-LOCALHOST · 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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .bottomTagLine{
        padding-top: 4%;
    }
    footer{
        margin-top: 7%
    }
    .social{
        margin: auto
    }

}

@media only screen and (min-width: 315px) and (max-width: 767px) {
    body {
        width: 90vw;
        height: 300vh;

        text-align: center;
      }
      header {
        height: 6vh;
      }
      .intro {
        height: 5vh;
      }
      .main {
        text-align: center;
        display: flex;
        flex-direction: column;
        height: 220vh;
        width: 90vw;
      }
      img {
        width: 90vw;
        height: auto;
      }
      ul {
        padding-left: 0px;
      }
      .left,
      .right {
        text-align: center;
        width: 90vw;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
      }
      .social {
        width: 90vw;
        display: flex;
        justify-content: space-around;
      }
}

@media only screen and (min-width: 1024px) {
    .social{
        margin: auto;
    }
    header{
        text-align: center;
    }
    .intro{
        text-align: center;
    }

}