Update main layout

Adding large screen breakpoints and removing
offset.

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Signed-off-by: Derick Montague <derick.montague@ibm.com>
Change-Id: I1e8a43e0a3a4e6d534e0a176f6b33cc8e1d1d5f5
diff --git a/src/App.vue b/src/App.vue
index 504b8c9..d0e1a0a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -3,10 +3,10 @@
     <AppHeader />
     <b-container fluid class="page-container">
       <b-row no-gutters>
-        <b-col tag="nav" cols="12" md="3">
+        <b-col tag="nav" cols="12" md="3" lg="2">
           <AppNavigation />
         </b-col>
-        <b-col cols="12" offset-md="1" md="7">
+        <b-col cols="12" md="9" lg="10">
           <main id="#main-content">
             <router-view />
           </main>