How to develop web and mobile app in ionic framework

You can assign different CSS classes with media queries.

For example I have an ionic application with a main menu that contains 2 different layouts depending on how the screen is oriented, this is achieved by these scss blocks:

@media screen and (orientation:portrait) { .kachel {
        background: rgba(109, 152, 6, 0.8);
        ...
        margin: 20px;
        height: 65px;
    }

    @media screen and (orientation:landscape) { .kachel {
        background: rgba(109, 152, 6, 0.8);
        margin: 15px;
        width: 40%;
        height: 70px;
        float: left;
    }