About.vue

<template>
  <h1>THD Mensa Information</h1>
  <p>
    here you find Information from mensa
  </p>
  <div class="container text-center">
    <table class="table table-bordered table-success">
      <header>Today's Menu</header>
      <tr>
        <th>Name</th>
        <th>Category</th>
        <th>Price</th>
        <th>Notes</th>
      </tr>
      <tr>
        <td>Dish 1</td>
        <td>Category 1</td>
        <td>x Euro</td>
        <td>later</td>
      </tr>
      <tr>
        <td>Dish 2</td>
        <td>Category 2</td>
        <td>x Euro</td>
        <td>later</td>
      </tr>
    </table>
  </div>
</template>
<style>
table,
th,
td {
  border: 1px solid black;
  border-collapse: collapse;
}
</style>