Issue 249/grid fix (#268)

* fix: adjusted and corrected grid template * fix: adjusted and corrected grid template * fix: adjusted and corrected grid template
devhatt · Dec 13, 2023 · 8ec51b8 · 8ec51b8
1 parent 1a726fd
commit 8ec51b8
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/src/components/InputMedia/InputMedia.module.scss b/src/components/InputMedia/InputMedia.module.scss
@@ -1,4 +1,4 @@
-@use '../../styles/global';
+@use '~styles/global.scss';
 
 .button,
 .buttonSelected {
@@ -26,7 +26,7 @@
 }
 
 .buttonSelected {
-  width: 10.4rem;
+  width: 100%;
   height: 10.4rem;
 
   border: 2px solid global.$tertiaryPurple;

diff --git a/src/components/MediaInputs/MediaInput.module.scss b/src/components/MediaInputs/MediaInput.module.scss
@@ -1,15 +1,17 @@
-@use '../../styles/global';
+@use '~styles/global.scss';
 
 .manyMediaContainer {
-  display: grid;
-  grid-template-columns: repeat(10, minmax(10.4rem, auto));
+  width: 100%;
 
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(auto, 9.7rem));
   gap: 1.4rem;
 
   align-items: center;
+  justify-content: start;
 
   .imageGroup {
-    width: 10.4rem;
+    width: 11.2rem;
 
     position: relative;