style: update project info container to take up all available space

janoskocs · janoskocs · commit 1cc15f55fa15 · 2024-03-05T20:04:02.000Z
diff --git a/src/components/ProjectDetailWindow/ProjectDetailWindow.jsx b/src/components/ProjectDetailWindow/ProjectDetailWindow.jsx
@@ -49,7 +49,7 @@ const ProjectDetailWindow = ({
                 <ul className="tech-details__list">
                   {selectedProject.techstack.map((tech) => {
                     return (
-                      <li className="tech-details__item">
+                      <li key={tech} className="tech-details__item">
                         <img
                           className="tech-details__image"
                           src={`/images/skills/${tech}.png`}
diff --git a/src/components/ProjectDetailWindow/ProjectDetailWindow.scss b/src/components/ProjectDetailWindow/ProjectDetailWindow.scss
@@ -13,7 +13,7 @@
   width: 100%;
 
   &__container {
-    @include flex(null, null, center);
+    @include flex(null, null, null);
     margin-bottom: $small;
   }
   &__image {

Original file line number	Diff line number	Diff line change
`@@ -13,7 +13,7 @@`
`13`	`13`	`width: 100%;`
`14`	`14`
`15`	`15`	`&__container {`
`16`		`- @include flex(null, null, center);`
	`16`	`+ @include flex(null, null, null);`
`17`	`17`	`margin-bottom: $small;`
`18`	`18`	`}`
`19`	`19`	`&__image {`