Comment out logic for custom breakpoints

frontend/src/assets/scss/custom.scss

 // Override default variables before the import
 $nav-pills-link-active-color: black;
 
-$container-max-widths: (
-  sm: 540px,
-  md: 720px,
-  lg: 960px,
-  xl: 1140px,
-  xxl: 1400px
-);
 
+//* bootstrap 5's grid. To use, import the following line in the .module.scss */
+// @import "assets/scss/bootstrap5/bootstrap-grid";
 $grid-breakpoints: (
   xs: 0,
   sm: 576px,

frontend/src/components/pages/ModuleResources/index.tsx

@@ -70,7 +70,6 @@ const ModuleResources: React.FC = () => {
             lg={4}
 						xl={3}
 						key={i}
-						className={styles["col-xxl-2"]}
 						style={{marginBottom: ".5rem"}}
           >
             <Card className={styles.quickViewCard}>

frontend/src/components/pages/ModuleResources/style.module.scss

 @import "assets/scss/custom";
 
-/* bootstrap 5's grid, delete if causes trouble */
-@import "assets/scss/bootstrap5/bootstrap-grid";
-
 .moduleParagraph {
   margin-top: 1rem;
 }