/* Tablet layout */
@media screen and (min-width: 769px) and (max-width: 1366px) {
    current-weather {
        grid-column-start: 1;
        grid-column-end: 7;
        grid-row-start: 1;
        grid-row-end: 3;
    }

    hourly-weather {
        grid-column-start: 7;
        grid-column-end: 14;
        grid-row-start: 1;
        grid-row-end: 6;
    }

    current-weather-details {
        grid-column-start: 1;
        grid-column-end: 7;
        grid-row-start: 3;
        grid-row-end: 6;
    }

    minutely-weather {
        grid-column-start: 1;
        grid-column-end: 10;
        grid-row-start: 6;
        grid-row-end: 8;
    }

    aqi-weather {
        grid-column-start: 10;
        grid-column-end: 14;
        grid-row-start: 6;
        grid-row-end: 8;
    }

    daily-weather {
        grid-column-start: 1;
        grid-column-end: 14;
        grid-row-start: 8;
        grid-row-end: 20;
    }
}

/* Phone layout */
@media screen and (max-width: 768px) {
    body {
        min-height: 1080px;
        grid-template-rows: repeat(21, 1fr);
    }

    current-weather {
        grid-column-start: 1;
        grid-column-end: 14;
        grid-row-start: 1;
        grid-row-end: 4;
    }

    current-weather-details {
        grid-column-start: 1;
        grid-column-end: 14;
        grid-row-start: 4;
        grid-row-end: 7;
    }

    aqi-weather {
        grid-column-start: 1;
        grid-column-end: 14;
        grid-row-start: 7;
        grid-row-end: 8;
    }

    hourly-weather {
        grid-column-start: 1;
        grid-column-end: 14;
        grid-row-start: 8;
        grid-row-end: 12;
    }

    minutely-weather {
        grid-column-start: 1;
        grid-column-end: 14;
        grid-row-start: 12;
        grid-row-end: 15;
    }

    daily-weather {
        grid-column-start: 1;
        grid-column-end: 14;
        grid-row-start: 15;
        grid-row-end: 22;
    }
}