[Proyecto] Ingresa la cantidad de cuadros a imprimir (solo hasta 24)

Buenos días a todos les dejo un miniproyecto para de imprimir luego de solo ingresar la cantidad de cuadrados (solo son de 50 x 50). La idea es agregar codigo para que cuando ocupemos todo el ancho baje automatico, pero sigo en el intento ( anidando condicionales), pero aun no lo logro. Asique escucho todas las sugerencias que quieran. Un fuerte Abrazo

<meta charset="UTF-8">

<canvas width="1200" height="400"></canvas>
<script>
    var pantalla = document.querySelector('canvas');
    var pincel = pantalla.getContext('2d');

    function printCube(cantidad, color) {

        var color = prompt('Ingresa un color por favor');
        var colorBorde = prompt('Ingresa un color de borde por favor');
        var cantidad = parseInt(prompt('Ingresa una cantidad por favor'));

        pincel.fillStyle = color;
        pincel.strokeStyle = colorBorde;

        var x = 0;        

        for (let i = 0; i < cantidad; i++) {
            pincel.fillRect(x, 0, 50, 50);
            pincel.strokeRect(x, 0, 50, 50);
            x = x + 50;        
        }
        document.write('Fin');
    }

    printCube();

</script>

Como parametro nos pide el color de cuadrado, luego el borde y por ultimo la cantidad (insisto solo hasta 24 por ahora).