beieza

 <body>

        <div id='app'>
        <div id='but'> <!-- this has changed! (this div is not new) -->
        <tr> <!-- this has changed before adding above div und ist neccesary -->
            <div id='title'> <!--  this is super new -->
                <td> <b> CRISP_EDU </b> </td>
                <td> <span style="display:inline-block; width: 20;"></span> </td>
            </div>
            <td><button id='discussion' style="height: 80px" @click="goto = 0">
                </button></td>
            <td> <span style="display:inline-block; width:60;"></span> </td> <!-- espacios botones -->
            <td><button id='chat' style="height: 80px" @click="goto = 1">
                </button></td>
            <td> <span style="display:inline-block; width:60;"></span> </td> <!-- espacios botones -->
            <td><button id='QandA' style="height: 80px" @click="goto = 2">
                </button></td>
        </tr>
             </div>


               <!-- <br>  -->
                <div id = 'linea'></div>

                <div id = 'bodyContainer'>

                    <div v-if="goto == 0">
                        <div id = 'summernote'>
                            <b>{{date.toString()}}</b><br>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas fringilla justo sit amet velit suscipit malesuada. Ut pharetra, purus ac rhoncus aliquet, felis nibh faucibus lorem, vitae ornare dui.

                        </div>
                    </div>

                    <div v-if = 'goto == 1'>
                        <div v-for = '(msg, index) in chat'>
                            <p class='msg2' v-if='index.includes("A")'>
                                {{msg}}
                            </p>
                            <p class="msg1" v-if='index.includes("B")'>
                                {{msg}}
                            </p>
                        </div>

                        <input v-model = 'newMsg' id = 'inputMsg' placeholder="Escriba su mensaje aquí" @keyup.enter='submitMessage()'>

                        </input>

                        <input v-model = 'tempUser' id = 'inputMsg' placeholder="Usuario: {A,B}" @keyup.enter='submitMessage()'>

                        </input>

                    </div>

                    <div id = 'questionsList'  v-if="goto == 2">
                        <p class = 'question' v-for='pregunta in preguntas'>
                            {{pregunta["Title"] + " preguntado por: " + pregunta["Username"] + "@" + pregunta["Date"]  }} <br>
                            <li v-for=""></li>
                        </p>

                        <input v-model = 'newQuestion' id = 'inputQuestion' placeholder="Escriba su pregunta aquí" @keyup.enter='submitQuestion()'>

                        </input>
                    </div>


                </div>

        </div>

        <script> </script> </body>