diff --git a/.idea/PersonalWebsite_Static.iml b/.idea/PersonalWebsite_Static.iml index 1924757..f5dc9ea 100644 --- a/.idea/PersonalWebsite_Static.iml +++ b/.idea/PersonalWebsite_Static.iml @@ -5,6 +5,7 @@ + diff --git a/src/components/AboutMe/AboutMe.scss b/src/components/AboutMe/AboutMe.scss index f2df7a0..7f0b4a7 100644 --- a/src/components/AboutMe/AboutMe.scss +++ b/src/components/AboutMe/AboutMe.scss @@ -1,6 +1,7 @@ #about-me-parent { margin-left: 10px; margin-right: 10px; + margin-bottom: 10px; display: flex; flex-direction: row; justify-content: center; diff --git a/src/components/ProjectGrid.scss b/src/components/ProjectGrid.scss index 732cd01..f50e3ea 100644 --- a/src/components/ProjectGrid.scss +++ b/src/components/ProjectGrid.scss @@ -18,12 +18,21 @@ $breakpoints: (x-small: 430px, small: 660px, medium: 1000px, large: 1300px, x-la margin: 10px; @include media(">=medium") { - width: 90%; + width: 95%; margin: auto; } + @include media(">=large") { + width: 90%; + margin: auto; + } @include media(">=x-large") { + width: 85%; + margin: auto; + } + + @include media(">=xx-large") { width: 80%; max-width: 1900px; margin: auto; @@ -45,7 +54,7 @@ $breakpoints: (x-small: 430px, small: 660px, medium: 1000px, large: 1300px, x-la h2 { margin-bottom: 0; font-family: "Fira Code", monospace; - font-size: 24px; + font-size: 30px; } p { diff --git a/src/components/ProjectGrid.tsx b/src/components/ProjectGrid.tsx index 984029a..0de26f7 100644 --- a/src/components/ProjectGrid.tsx +++ b/src/components/ProjectGrid.tsx @@ -288,18 +288,6 @@ export function ProjectGrid() { } link={"https://event.codeday.org/sandiego"} /> - + -