Fix header bug

[glenflorendo]

Fixes #2269

What changes did you make and why did you make them ?

• Remove margins for header-text class to properly center the header description and image

Please note that this change affects the following:

File	Web Page
pages/about.html	https://www.hackforla.org/about
pages/communities-of-practice.html	https://www.hackforla.org/communities-of-practice
pages/credits.html	https://www.hackforla.org/credits
pages/join-us.html	https://www.hackforla.org/join
pages/program-areas.html	https://www.hackforla.org/program-areas
pages/project-meetings.html	https://www.hackforla.org/project-meetings
pages/sitemap.html	https://www.hackforla.org/sitemap
pages/toolkit.html	https://www.hackforla.org/toolkit

Screenshots of Proposed Changes (Before vs After)

about

communities-of-practice

credits

join

program-areas

project-meetings

sitemap

toolkit

[github-actions]

From your project repository, check out a new branch and test the changes.

git checkout -b glenflorendo-2269-header-bug gh-pages
git pull https://github.com/glenflorendo/website.git 2269-header-bug

[abuna1985]

@glenflorendo Great work. I was able to pull the changes locally and verify the hero/header sections are centered again on the 8 pages listed. Great work. Thank you for your efficient solution! 🎉 🎉 🎉

need further research to see if a better solution can be made.

[abuna1985]

@glenflorendo Great job on creating a solution to resolve the header/hero alignment. I have added comments within the pull request changes. But to reiterate:

1. revert the change from line 14 of _sass/elements/containers.scss and add back margin-right: 5em;
2. Delete .header-text styling from line 83-91

website/_sass/elements/_containers.scss

Lines 83 to 91 in 62efccd

	.header-text {
	font-size: 26px;
	display: flex;
	max-width: 895px;
	text-align: center;
	padding: 30px;
	margin: 12px auto;
	font-family: "Roboto" sans-serif;
	}

As soon as these changes are made, I will complete another review.

Thank you!

[glenflorendo]

@glenflorendo Great job on creating a solution to resolve the header/hero alignment. I have added comments within the pull request changes. But to reiterate:

1. revert the change from line 14 of _sass/elements/containers.scss and add back margin-right: 5em;
2. Delete .header-text styling from line 83-91

website/_sass/elements/_containers.scss

Lines 83 to 91 in 62efccd

	.header-text {
	font-size: 26px;
	display: flex;
	max-width: 895px;
	text-align: center;
	padding: 30px;
	margin: 12px auto;
	font-family: "Roboto" sans-serif;
	}

As soon as these changes are made, I will complete another review.

Thank you!

@abuna1985 @arghmatey Changes done!

[abuna1985]

@glenflorendo Excellent work. I was able to verify the changes have corrected the header title/text/image sections for the 8 pages listed. Thank you for responding so quickly! 🎉 🎉 🎉