add break-word to welcome view

public/css/welcome.css

@@ -12,6 +12,7 @@
   padding: 20px 5px;
   border: 1px solid transparent;
   transition: border 0.3s ease;
+  word-break: break-all;
 }
 
 .product:hover {

public/mix-manifest.json

 {
-    "/css/app.css": "/css/app.css",
     "/css/welcome.css": "/css/welcome.css"
 }

resources/sass/welcome.scss

@@ -15,6 +15,7 @@
     padding: 20px 5px;
     border: 1px solid transparent;
     transition: border .3s ease;
+    word-break: break-all;
 
     &:hover {
         border-color: grey;

webpack.mix.js

@@ -12,6 +12,6 @@ const mix = require('laravel-mix');
  */
 
 mix/*.js('resources/js/app.js', 'public/js')*/
-    .sass('resources/sass/app.scss', 'public/css')
-    // .sass('resources/sass/welcome.scss', 'public/css')
+    // .sass('resources/sass/app.scss', 'public/css')
+    .sass('resources/sass/welcome.scss', 'public/css')
     .browserSync('http://127.0.0.1:8000/');