css : print half screen invoice

Question

i'm using Vue js and CSS as well to print invoice paper as shown below, but it appears as full screen A4 and it's very big in my opinion so i wanted it to appear as half screen only or a bit smaller in size to be more clear. is there a way to do this in below code?

thanks in advance

export default {
    name: 'light-table',
    components: {
        loader
    },
    data() {
        return {
            globalOptions: {
                name: '_blank',
                specs: [
                    'fullscreen=no',

                    'scrollbars=yes'
                ],
                styles: [
                    'https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css',
                    'https://unpkg.com/kidlat-css/css/kidlat.css',
                    'th {color= red;}'
                ],
                timeout: 1000,
                autoClose: true,
                // whatever's the window title of the opener
            },
    
              methods: {

        print() {

            this.$htmlToPaper('printMe', this.globalOptions);
        },
}

<div id="printMe" class="row">
                                    <div class="bodyPrint" style="padding: 60px; ">
                                        <div class="col-xs-12 col-md-10 offset-md-1 pt-5">
                  
                                     
                                            <div style="margin-top: 10px;">

                                                <h1 align="center">Reciept</h1>
                                            </div>
                                            <br>

                                            <div class="table-responsive" style="overflow-x: clip !important;">

                  <div class="mt-5" style="text-align:right;">
                          
                                                </div>
                                                <table class="table table-bordered">
                                                    <thead>
                                                        <tr class="tr-class" style="background: grey !important;">
                                                            <th >direction</th>
                                                         
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                       
                                                            <td>{{Flats.flat_number}}</td>

                                                        </tr>

                                                    </tbody>
                                                </table>

                                            </div>
                                            </div>
                                        </div>

                                    </div>