@media (max-width: 600px) {
    body {
        padding: 1rem;
    }

    /* force single-column on small devices */
    .project-list {
        grid-template-columns: 1fr;
    }

    .project-card {
        font-size: 0.95rem; /* slightly smaller text */
        word-wrap: break-word; /* stops long links overflowing */
    }
}