How to show slides in half of the screen

[heisenberg937]

hi,I just want to show the slides on the right of screen while I write code on the leftl,I try layout like this:

<div>
        <a-col :span="12">
                <div class="codemirror">
                </div>
        </a-col>
        <a-col :span="12">
                <div class="reveal" id="slide">
                    <div class="slides">
                        <section>Single Horizontal Slide</section>
                        <section>sldie</section>
                    </div>
                </div>
        </a-col>
    </div>  

but it can never show what I want, could anyone tell me how to layout it？please