.category-page{
    @apply w-screen h-screen;
    display: grid;
    grid-template:
        "categories content" auto
        "nav content" 30px/170px auto;
    

    .categories{
        @apply border-r bg-slate-100 text-xs text-slate-700 overflow-y-auto;
        grid-area: categories;
   
       
    }

    .nav {
        @apply border-t border-r bg-slate-100 flex justify-center items-center gap-2;
        grid-area: nav;
    }

    .content {
        grid-area: content;
    }
}