Update column sizes per breakpoint

tomvothecoder · tomvothecoder · commit 540768558cd2 · 2020-11-11T16:01:33.000-08:00
diff --git a/frontend/src/components/Skills/Skills.vue b/frontend/src/components/Skills/Skills.vue
@@ -27,7 +27,7 @@ export default {
       backend: [
         ['Django', 'django.svg'],
         ['Node.js', 'nodejs-icon.svg'],
-        ['PostgreSQL', 'postgresql.svg'],
+        ['Postgres', 'postgresql.svg'],
         ['MySQL', 'mysql.svg']
       ],
       frontend: [
diff --git a/frontend/src/components/Skills/SkillsColumn.vue b/frontend/src/components/Skills/SkillsColumn.vue
@@ -3,7 +3,7 @@
     <h1 class="skills-header">{{ name }}</h1>
     <div class="columns is-centered" v-for="i in rowCount" :key="i">
       <div
-        class="column is-one-third"
+        class="column is-one-third-desktop is-one-half-tablet is-one-half-mobile"
         v-for="skill in itemCountInRow(i)"
         :key="skill[0]"
       >

Original file line number	Diff line number	Diff line change
`@@ -3,7 +3,7 @@`
`3`	`3`	`<h1 class="skills-header">{{ name }}</h1>`
`4`	`4`	`<div class="columns is-centered" v-for="i in rowCount" :key="i">`
`5`	`5`	`<div`
`6`		`- class="column is-one-third"`
	`6`	`+ class="column is-one-third-desktop is-one-half-tablet is-one-half-mobile"`
`7`	`7`	`v-for="skill in itemCountInRow(i)"`
`8`	`8`	`:key="skill[0]"`
`9`	`9`	`>`