/* Default: Applies to desktops and larger screens */
.grid-width {
    width: 40%;
}

/* Mobile: Applies to screens with a max width of 768px */
@media (max-width: 768px) {
    .grid-width {
        width: 100%; /* Full width for mobile devices */
    }
}

/* Tablet: Optional, for screens between mobile and desktop */
@media (min-width: 769px) and (max-width: 1024px) {
    .grid-width {
        width: 60%; /* Adjust as needed for tablets */
    }
}