<script type="text/javascript" data-author="Tony Partner">    
    $(document).ready(function() {
        
        // The number of questions to wrap in the flex container
        var numberQuestions = 4;
 
        // Identify the questions
        var thisQuestion = $('#question{QID}');        
        var rowQuestions = thisQuestion.add(thisQuestion.nextAll('.question-container:lt('+(numberQuestions-1)+')'));
        
        // Wrap the questions in a <div> element
        rowQuestions.wrapAll('<div class="question-flex-container" />');
    });
</script>

<style type="text/css">@media only screen and (min-width: 576px) {    
        .question-flex-container {
            display: flex;
            justify-content: space-evenly;
        }
    }
</style>
@media only screen and (min-width: 576px) {    
        .question-flex-container {
            display: flex;
            justify-content: space-evenly;
        }
    }