COLUMNS! no more flexbox shenanigans

rpg-docs/client/views/character/Stats/stats.css

@@ -1,38 +1,3 @@
-#stats {
-	padding: 4px;
-}
-
-#stats, #stats .abilityFlex, #stats .statsFlex{
-	display: flex !important;
-	justify-content: center;
-	align-items: stretch;
-	flex-wrap: wrap;
-}
-
-#stats .card {
-	flex-grow: 1;
-	max-width: 480px;
-}
-
-#stats .abilityFlex{
-	flex-basis: 642px;
-	flex-grow: 1;
-	flex-shrink: 1;
-}
-
-#stats .statsFlex{
-	min-width: 152px;
-	flex-basis: 0px;
-	flex-grow: 1;
-}
-
-.attribute.card, .skill.card {
-	padding: 0;
-	display: flex;
-	flex-direction: column;
-	text-align: center;
-}
-
 .card-top {
 	flex-grow: 1;
 	padding: 16px;

rpg-docs/client/views/character/Stats/stats.html

@@ -1,5 +1,7 @@
 <template name="stats">
-	<div id="stats" class="scroll-y" fit>
-		{{> abilityCards}}
+	<div class="scroll-y" fit>
+		<div id="stats" class="containers" >
+			{{> abilityCards}}
+		</div>
 	</div>
 </template>