replaced favicon files, added grid variables to main.scsss and renamed offcanvas

src/assets/css/main.scss

@@ -1,5 +1,4 @@
 @import "_bootstrap";
-@import 'bootstrap/scss/variables';
 
 /* --------------------------------------------------
    Root Variables
@@ -13,6 +12,25 @@ html {
   scroll-behavior: smooth;
 }
 
+$grid-breakpoints: (
+  xs: 0,
+  sm: 576px,
+  md: 768px,
+  lg: 992px,
+  xl: 1200px,
+  xxl: 1400px,
+  xxxl: 1920px
+) !default;
+
+$container-max-widths: (
+  sm: 540px,
+  md: 720px,
+  lg: 960px,
+  xl: 1140px,
+  xxl: 1320px,
+  xxxl: 1840px
+) !default;
+
 /* --------------------------------------------------
    Layout
 -------------------------------------------------- */

src/components/CardGrid.astro

@@ -4,9 +4,9 @@ import BackToTop from "./BackToTop.astro"
 <div class="row mb-4">
     <div class="col-md-3 display-sm-none">
         <div class="h5 d-none">Inventory management placeholder</div>
-        <div class="offcanvas offcanvas-start" data-bs-backdrop="static" tabindex="-1" id="offcanvasExample" aria-labelledby="offcanvasExampleLabel">
+        <div class="offcanvas offcanvas-start" data-bs-backdrop="static" tabindex="-1" id="filterBar" aria-labelledby="filterBarLabel">
         <div class="offcanvas-header">
-            <h5 class="offcanvas-title" id="offcanvasExampleLabel">Filter by:</h5>
+            <h5 class="offcanvas-title" id="filterBarLabel">Filter by:</h5>
             <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
         </div>
         <div class="offcanvas-body px-3 pt-0">