.dashboard {
    display: grid;
    grid-template-areas: 'check check check check encrypt encrypt'
        'license-encrypt license-encrypt license-decrypt license-decrypt totp totp';
    grid-template-rows: repeat(2, auto);
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 15px;
}

@media(max-width: 990px) {
    .dashboard {
        grid-template-areas: 'check'
            'encrypt'
            'license-encrypt'
            'license-decrypt'
            'totp';
        grid-template-rows: auto;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }
}

.dashboard .check {
    grid-area: check;
}

.dashboard .encrypt {
    grid-area: encrypt;
}

.dashboard .license-encrypt {
    grid-area: license-encrypt;
}

.dashboard .license-decrypt {
    grid-area: license-decrypt;
}

.dashboard .totp {
    grid-area: totp;
}