@media (max-width: 800px) {
    .tablinks {
        font-size: 0.6rem;
        padding: 0.6rem 1rem;
        margin: 0.2rem;
    }

    .viewHeader {
        font-size: 1rem;
    }

    .taskItem {
        font-size: 0.9rem;
    }

    .modal {
        width: 90%;
        max-height: 96%;
    }

    .modalDetails {
        font-size: 1.1rem;
    }   

    .actionButton {
        font-size: 0.8rem;
        padding: 0.4rem;
    }
}