diff --git a/public/css/app.css b/public/css/app.css
new file mode 100644
index 0000000..6ad3b7e
--- /dev/null
+++ b/public/css/app.css
@@ -0,0 +1,3 @@
+p.navbar-item:empty {
+	display: none;
+}
\ No newline at end of file
diff --git a/public/js/productos.js b/public/js/productos.js
index ed799c4..84d83ef 100644
--- a/public/js/productos.js
+++ b/public/js/productos.js
@@ -11,10 +11,10 @@ Vue.component('categorias-container', {
                 </div>
               </div>
             </div>
-          </div>
-        </div>
-      </div>
-  </div>`,
+          </div><!-- END CARD -->
+        </div><!-- END BLOCK COLUMN -->
+      </div><!-- END COLUMNS -->
+  </div><!-- END CONTAINER -->`,
   data() {
     return {
       categorias: null
@@ -29,38 +29,37 @@ Vue.component('categorias-container', {
 
 Vue.component('productos-container', {
   template: `
-    <div class="productos-container">
-      <div v-for="producto in productos" class="card">
-        <div class="card-image">
-          <figure class="image is-4by3">
-            <img src="https://bulma.io/images/placeholders/1280x960.png" alt="Placeholder image">
-          </figure>
-        </div>
-        <div class="card-content">
-          <div class="media">
+    <div class="container">
+      <div class="columns is-multiline is-mobile">
+        <div v-for="producto in productos" class="block column is-one-quarter-desktop is-one-third-tablet is-half-mobile">
+          <div class="card" style="height:100%">
+            <div class="card-image">
+              <figure class="image is-4by3">
+                <img src="https://bulma.io/images/placeholders/1280x960.png" alt="Placeholder image">
+              </figure>
             </div>
-            <div class="media-content">
-              <p class="title is-4">John Smith</p>
-              <p class="subtitle is-6">@johnsmith</p>
+            <div class="card-content">
+              <div class="media">
+                <div class="media-content">
+                  <p class="title is-6" v-text="producto.nombre"></p>
+                  <p class="subtitle is-7" v-text="producto.proveedor_id"></p>
+                  <p class="subtitle is-7" v-text="producto.precio"></p>
+                </div>
+              </div>
             </div>
-          </div>
-
-          <div class="content">
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-            Phasellus nec iaculis mauris. <a>@bulmaio</a>.
-            <a href="#">#css</a> <a href="#">#responsive</a>
-            <br>
-            <time datetime="2016-1-1">11:09 PM - 1 Jan 2016</time>
-          </div>
-        </div>
-      </div>
-    </div>`,
+          </div><!-- END CARD -->
+        </div><!-- END BLOCK COLUMN -->
+      </div><!-- END COLUMNS -->
+    </div><!-- END CONTAINER -->`,
   data() {
     return {
-      productos: null
+      productos: []
     }
   },
   mounted() {
-    axios.get("/api/productos").then(response => this.productos = response.data);
+    axios.get("/api/productos").then(response => {
+      console.log(response.data);
+      this.productos = response.data.data;
+    });
   }
 });
\ No newline at end of file
diff --git a/public/js/subpedidos-create.js b/public/js/subpedidos-create.js
index f7508bc..41b399a 100644
--- a/public/js/subpedidos-create.js
+++ b/public/js/subpedidos-create.js
@@ -20,14 +20,12 @@ Vue.component('subpedido-select', {
   				nombre: this.subpedido,
   				grupo_de_compra_id: this.gdcid
   			}).then(response => {
+
+          //se creo el subpedido, guardamos el subpedido en sesion
   				axios.post("/subpedidos/guardar_sesion", {
   					subpedido: response.data
   				}).then(response => {
-  					if (response.status == 200) {
   						window.location.href = 'productos';
-  					} else {
-  						console.log(response);
-  					}
   				});
   			});
   		}
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 7f6655c..dd0f73a 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -15,6 +15,7 @@
 
     <!-- Styles -->
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css">
+    <link rel="stylesheet" href="{{ asset('css/app.css') }}">
 
 </head>
 <body>
diff --git a/resources/views/productos.blade.php b/resources/views/productos.blade.php
index 754f2b4..7a8df53 100644
--- a/resources/views/productos.blade.php
+++ b/resources/views/productos.blade.php
@@ -2,6 +2,7 @@
 
 @section('content')
 <categorias-container></categorias-container>
+<productos-container></productos-container>
 @endsection
 
 @section('scripts')