centered layout with columns breakpoints

web/themes/custom/materiotheme/vuejs/components/Content/Card.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="card">
+  <article class="card">
     <header>
       <h1>{{ item.title }}</h1>
       <h4>{{ item.description }}</h4>
@@ -19,7 +19,7 @@
         <img class="blank" :src="blanksrc">
       </figure>
     </section>
-  </div>
+  </article>
 </template>
 
 <script>