diff --git a/src/styles/projects.css b/src/styles/projects.css index 4d07510..1d81c30 100644 --- a/src/styles/projects.css +++ b/src/styles/projects.css @@ -173,16 +173,18 @@ } .projectTypeSelected::before { border-left: 0; - right: calc(8rem - 3px); + right: calc(8rem - 2px); } - .projectTypeSelected::after { border-right: 0; - left: calc(8rem - 3px); + left: calc(8rem - 2px); } .projectIndividualItemContainer { max-width: calc(100% - 1rem); } + .projectIndividualItemContainer:last-child { + margin-bottom: 8rem; + } } @media screen and (min-width: 521px) and (max-width: 705px) and (orientation: portrait) { diff --git a/src/styles/technologies.css b/src/styles/technologies.css index 84abde5..9250a26 100644 --- a/src/styles/technologies.css +++ b/src/styles/technologies.css @@ -70,12 +70,13 @@ overflow-y: scroll; justify-content: center; width: 100%; + margin-bottom: 3rem; } .experienceInnerContainer { height: 12rem; } .experienceInnerContainer:last-child { - margin-bottom: 5rem; + margin-bottom: 8rem; } .experienceItemContainer { padding: 1rem; @@ -113,6 +114,10 @@ .experienceInnerContainer { height: 12rem; } + + .experienceInnerContainer:last-child { + margin-bottom: 6rem; + } .experienceItemContainer { padding: 1rem; gap: 1rem;