diff --git a/src/components/Resources/Resources.css b/src/components/Resources/Resources.css index 27c8d9a..0036d01 100644 --- a/src/components/Resources/Resources.css +++ b/src/components/Resources/Resources.css @@ -388,6 +388,7 @@ font-weight: 600; font-family: articulat-cf; white-space: nowrap; + padding-top: 3px; } /* ======= Content Sections ======= */ @@ -742,13 +743,17 @@ } } -@media (max-width: 480px) { +@media (max-width: 400px) { .resources-page { max-width: 100%; } .resources-header h1 { - font-size: 1.3rem; + font-size: 1.4rem; + } + + .header-tagline p { + font-size: 0.9rem; } .toggle-filters { @@ -760,7 +765,6 @@ .search-filters-container { align-items: stretch; flex-direction: row; - gap: 2.5rem; } .filter-dropdown { @@ -768,4 +772,8 @@ flex-direction: column; } + .filters-row { + align-items: center; + } + } \ No newline at end of file diff --git a/src/components/UserProfile/UserProfile.css b/src/components/UserProfile/UserProfile.css index 93ba7b9..5ac6a3b 100644 --- a/src/components/UserProfile/UserProfile.css +++ b/src/components/UserProfile/UserProfile.css @@ -404,7 +404,7 @@ tspan { display: flex; flex-direction: column; align-items: center; - gap: 20px; + gap: 17px; justify-self: center; margin-right: -31.3px; margin-top: 11.5px; diff --git a/src/components/UserProfile/components/NarrativeCard.js b/src/components/UserProfile/components/NarrativeCard.js index 3639f17..d795ac6 100644 --- a/src/components/UserProfile/components/NarrativeCard.js +++ b/src/components/UserProfile/components/NarrativeCard.js @@ -19,7 +19,7 @@ const NarrativeCard = () => { {narrative2 &&

{narrative2}

} {narrative3 &&

{narrative3}

} -

Learn more about the scoring methodology and definitions contained in this summary.

+

Learn more about the scoring methodology and key terms/definitions contained in this summary. Then check out the resources page to take action!

NOTE: This summary was not generated using AI.