From 78125f42e8a7b216694ece922faec810ef53a984 Mon Sep 17 00:00:00 2001 From: carsonSgit <92652800+carsonSgit@users.noreply.github.com> Date: Tue, 20 Aug 2024 18:48:40 -0400 Subject: [PATCH 1/2] fix: Make background fit image --- src/Components/Projects/Projects.scss | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/src/Components/Projects/Projects.scss b/src/Components/Projects/Projects.scss index 46f2512..cc21b85 100644 --- a/src/Components/Projects/Projects.scss +++ b/src/Components/Projects/Projects.scss @@ -118,11 +118,10 @@ a { .ProjectContent { position: absolute; - bottom: 0; - left: 0; width: 100%; + height: 100%; padding: 15px; - background: rgba(0, 0, 0, 0.6); + background-color: rgba(0, 0, 0, 0.6); border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; display: flex; From bb35a4bcc33d31fea7855aec8ed243f5f3cd559e Mon Sep 17 00:00:00 2001 From: carsonSgit <92652800+carsonSgit@users.noreply.github.com> Date: Tue, 20 Aug 2024 18:53:31 -0400 Subject: [PATCH 2/2] fix: Project content alignment --- src/Components/Projects/Projects.scss | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/Components/Projects/Projects.scss b/src/Components/Projects/Projects.scss index cc21b85..94abd0f 100644 --- a/src/Components/Projects/Projects.scss +++ b/src/Components/Projects/Projects.scss @@ -118,6 +118,8 @@ a { .ProjectContent { position: absolute; + top: 0; + left: 0; width: 100%; height: 100%; padding: 15px; @@ -126,6 +128,7 @@ a { border-bottom-right-radius: 15px; display: flex; flex-direction: column; + justify-content: flex-end; align-items: flex-start; gap: 10px; box-sizing: border-box;