+

@media (max-width: 768px) {

    .main-content {

        grid-template-columns: 1fr; /* Switch to single column on small screens */

    }

    .sidebar {

        width: 100%;

        position: relative;

        height: auto;

    }

    .navbar {

        flex-direction: column;

        align-items: flex-start;

    }

}