Merge pull request #45 from UC-LeuvenLimburg/Bugs/Broken-bootstrap-in-chrome-logo-&-image-responsiveness

bugfix chrome styling

Author: Joren-Thijs

public/css/app.css

@@ -11138,6 +11138,10 @@ a.text-dark:focus {
   border-radius: 30px;
 }
 
+.home-img-responsive {
+  width: 100%;
+}
+
 /*
     Styling for Lease views
 */

public/js/app.js

@@ -49935,8 +49935,8 @@ __webpack_require__.r(__webpack_exports__);
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-__webpack_require__(/*! D:\laravelprojects\parkit\resources\js\app.js */"./resources/js/app.js");
-module.exports = __webpack_require__(/*! D:\laravelprojects\parkit\resources\sass\app.scss */"./resources/sass/app.scss");
+__webpack_require__(/*! C:\homesteadProjects\ParkIt\resources\js\app.js */"./resources/js/app.js");
+module.exports = __webpack_require__(/*! C:\homesteadProjects\ParkIt\resources\sass\app.scss */"./resources/sass/app.scss");
 
 
 /***/ })

resources/sass/home/_home.scss

@@ -3,3 +3,7 @@
     padding: 2em;
     border-radius: 30px;
 }
+
+.home-img-responsive { 
+    width:100%; 
+}

resources/views/home.blade.php

@@ -9,7 +9,7 @@
                 <h3 class="display-6" class="lead">What do we offer?</h3>
                 <p>We offer a service that makes it possible to rent or lease a parking spot.
                     <div class="row justify-content-center">
-                        <img src="{{ asset('images/parking.jpg') }}" alt="parking image">
+                        <img src="{{ asset('images/parking.jpg') }}" class="home-img-responsive" alt="parking image">
                     </div>
                 </p>
                 @guest

resources/views/include/nav.blade.php

@@ -1,7 +1,7 @@
     <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
             <div class="container">
                 <a class="navbar-brand" href="{{ url('/') }}">
-                    <img src="{{ asset('images/logo.svg') }}" width="125px">
+                    <object data="{{ asset('images/logo.svg') }}" type="image/svg+xml" width="125px"></object>
                 </a>
                 <button class="navbar-toggler" type="button" data-toggle="collapse"
                     data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"