From b8bbe2d907d46c09e02c3e7fefce34d96836a653 Mon Sep 17 00:00:00 2001
From: Matthew Ess <mess@yelp.com>
Date: Thu, 8 Feb 2018 20:31:59 -0500
Subject: [PATCH] Responsive

---
 src/components/Hero.vue     | 7 +++++--
 src/containers/Blog.vue     | 2 +-
 src/containers/Home.vue     | 6 ------
 src/containers/Projects.vue | 9 ++++++---
 src/containers/Resume.vue   | 9 ++++++---
 static/.gitkeep             | 0
 6 files changed, 18 insertions(+), 15 deletions(-)
 create mode 100644 static/.gitkeep

diff --git a/src/components/Hero.vue b/src/components/Hero.vue
index d320fff..acef1e6 100644
--- a/src/components/Hero.vue
+++ b/src/components/Hero.vue
@@ -24,8 +24,11 @@ export default {
 </script>
 
 <style lang="sass" scoped>
+@import '~bulma/sass/utilities/mixins'
+
 section
   margin-bottom: 2rem
-.is-three-quarters
-  width: 75%
++desktop
+  .is-three-quarters
+    width: 75%
 </style>
diff --git a/src/containers/Blog.vue b/src/containers/Blog.vue
index a7df123..5f318b2 100644
--- a/src/containers/Blog.vue
+++ b/src/containers/Blog.vue
@@ -1,5 +1,5 @@
 <template lang="pug">
-#blog
+#blog.has-text-centered-mobile
   h1.title coming soon!
 </template>
 
diff --git a/src/containers/Home.vue b/src/containers/Home.vue
index 2858ee1..b75daa2 100644
--- a/src/containers/Home.vue
+++ b/src/containers/Home.vue
@@ -9,7 +9,6 @@
             i'm a communist, a
             #[a(href='https://mattandmack.website' target='_blank') spouse-to-be],
             a recently graduated student, and a software developer at yelp.
-      .tile.placeholder.notification.is-white
       .tile.is-9
         .notification.is-warning
           h1.title.is-4 what's inspiring me now
@@ -39,8 +38,3 @@ export default {
   name: 'Home',
 };
 </script>
-
-<style lang="sass" scoped>
-.placeholder
-  height: 1rem
-</style>
diff --git a/src/containers/Projects.vue b/src/containers/Projects.vue
index 2144a1f..5a5b98d 100644
--- a/src/containers/Projects.vue
+++ b/src/containers/Projects.vue
@@ -1,5 +1,5 @@
 <template lang="pug">
-#projects
+#projects.is-half.has-text-centered-mobile
   p.content check out my #[a(href='https://github.com/matthewess') github account]!
   h1.title #[a(href='https://github.com/matthewess/boilertalk-frontend') Boilertalk]
   p.content.
@@ -34,6 +34,9 @@ export default {
 </script>
 
 <style lang="sass" scoped>
-#projects
-  width: 50%
+@import '~bulma/sass/utilities/mixins'
+
++desktop
+  .is-half
+    width: 50%
 </style>
diff --git a/src/containers/Resume.vue b/src/containers/Resume.vue
index 00c6a20..c0ee527 100644
--- a/src/containers/Resume.vue
+++ b/src/containers/Resume.vue
@@ -1,5 +1,5 @@
 <template lang="pug">
-#resume
+#resume.is-half.has-text-centered-mobile
   .content
     h1.title matthew ess
     h2.subtitle software developer
@@ -48,12 +48,15 @@ export default {
 </script>
 
 <style lang="sass" scoped>
+@import '~bulma/sass/utilities/mixins'
+
 $pink: #f8a5c2
 
 hr
   width: 75%
   height: 0.5rem
   background: $pink
-.content
-  width: 50%
++desktop
+  .is-half
+    width: 50%
 </style>
diff --git a/static/.gitkeep b/static/.gitkeep
new file mode 100644
index 0000000..e69de29