:art: added responsive row and column with wrap for ProfileCardList

frontend/src/components/ProfileCardList.vue

@@ -65,4 +65,21 @@ const loadMoreResults = () => {
 
 .more-results
     margin-bottom: 2em
+
+@media (min-width: $tablet) 
+    section.profile-card-list.xs12.w-flex > article
+        display: flex
+        flex-wrap: wrap
+        flex-direction: row
+    
+
+
+@media (max-width: $tablet) 
+    section.profile-card-list.xs12.w-flex > article
+        display: flex
+        flex-wrap: wrap
+        flex-direction: column
+    
+
+
 </style>

frontend/src/views/HomeView.vue

@@ -1,7 +1,7 @@
 <template lang="pug">
 main.view--home
     p {{ cP._profile.user_name }}
-    article.w-flex.column.align-center
+    article.w-flex.sm-column.md-row.align-center
         template(v-if='isLoading')
             w-spinner(bounce)