@media(max-width: 768px) {
    th {
        display: none;
    }

    td {
        display: block;
        padding: 0.75rem 1rem;
    }

    td:first-child{
        padding-top: 1rem;
    }

    td:last-child{
        padding-bottom: 1rem;
    }

    td::before {
        color: var(--shade-1);
    }

    td:nth-of-type(1)::before {
        content: "Rok: ";
    }
    
    td:nth-of-type(2)::before {
        content: "Miesiąc: ";
    }

    td:nth-of-type(3)::before {
        content: "Nick: ";
    }
}