Demo - display issues in smaller screens

[drfragment]

Content gets cut and bottom white spaces appears when you resize your browser to a point when vertical scrollbar appears. Or if you open it with a phone or tablet.

[ykyuen]

This is becoz the canvas keep using the initial circle width for redrawing the circle on resize. Add the redrawCircles function and replace the updateCircles by this new function in responsive().

function responsive() {
    $(window).load(updateCircles);

    $(window).on('redraw', function() {
        switched = false;
        updateCircles();
    });

    // Instead of update the circle directly,
    // call redrawCircle to get the updated width before drawing
    // $(window).on('resize', updateCircles);
    $(window).on('resize', redrawCircles);
}

function redrawCircles() {
    prepareCounters();
    updateCircles();
}