fix: Adjust width in TrianglifyBasic component and update workshop gr…

…id layout for consistency
DHRI-Curriculum · Dec 17, 2024 · 5e35632 · 5e35632
1 parent d2fdf14
commit 5e35632
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/components/Backgrounds.js b/components/Backgrounds.js
@@ -36,7 +36,7 @@ const TrianglifyBasic = () => {
     if (!containerRef.current) return;
 
     const pattern = trianglify({
-      width: 450,
+      width: 400,
       height: 250,
       cellSize: cellSize,
       xColors: palettes[Math.floor(Math.random() * palettes.length)],

diff --git a/styles/styles.scss b/styles/styles.scss
@@ -589,7 +589,7 @@ header {
 .workshop {
   &-grid {
     display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
+    grid-template-columns: repeat(auto-fill, minmax(400px, 400px));
     justify-content: center;
     // bit of space 
     grid-gap: 80px;