src/styles/landscape.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

@media (orientation: landscape) {

    html {
        background-image: url('../images/horizontal_background.png');
    }

    body {

        .center {
            width: 80%;
            float: left;
        }

        .bottom {
            flex-direction: column;
            width: 20%;
        }

    }
}