@media only screen and (max-width: 768px) {
    /* 1. Zorg dat alles binnen het scherm blijft */
    html, body {
        width: 100%;
        margin: 0;
        padding: 0;
        overflow-x: hidden; 
    }

    /* 2. Fix de projectParent en Placeholders */
    .projectParent {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        width: 100%; /* Belangrijk */
        padding: 0 15px; /* Voorkom dat ze tegen de rand plakken */
    }

    .placeHolder1, .placeHolder2, .placeHolder3 {
        width: 100%; /* Gebruik 100% in plaats van 85vw */
        max-width: 400px; /* Zorgt dat ze niet te groot worden op grote telefoons */
        height: 400px; /* Vaste hoogte is prima, maar gebruik liever geen vw */
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
    }

    /* 3. Fix de Service Cards */
    .service-grid {
        flex-direction: column;
        padding: 0 15px;
        gap: 20px;
    }

    .service-card {
        width: 100%;
        min-width: unset;
        box-sizing: border-box;
    }
}