fml

client/src/pages/spells-page.vue

@@ -1,23 +1,24 @@
 <template>
-    <section class="spells-page">
-        <spell-list/>
-    </section>
+  <div class="container-fluid p-4">
+    <spell-list/>
+  </div>
 </template>
 
 <script>
-
-// Components
-import spellslist from "../components/spells/spells-list"
-
-export default {
+  import spellslist from "../components/spells/spells-list"
+  export default {
     name: 'spells',
     components: {
-        'spell-list': spellslist,
+      'spell-list': spellslist,
+    },
+    mounted(){
+      window.$(".grid").masonry({
+        itemSelector:".grid-item",
+        columnWidth:".grid-sizer",
+        percentPosition: true
+      });
     }
-}
-
+  }
 </script>
 
-<style>
-
-</style>
+<style lang="scss"></style>