img Tag Refactor: Program Areas Page

[ivan20203]

Fixes #5139

What changes did you make?

• change end of img tag of program_areas[1].image from with a slash(" />" ) to without a slash (">").

Why did you make the changes (we will use this info to test)?

• So the codebase is consistent with how we use img HTML tags.

Screenshots of Proposed Changes Of The Website (if any, please do not screen shot code changes)

Visuals before changes are applied

Visuals after changes are applied

[github-actions]

Want to review this pull request? Take a look at this documentation for a step by step guide!

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

git checkout -b ivan20203-img-tag-refactor-program-areas-page-5139 gh-pages
git pull https://github.com/ivan20203/website.git img-tag-refactor-program-areas-page-5139

[steven-positive-tran]

Avail: 8/4
ETA: 8/4 EOD

[steven-positive-tran]

Branches look good, works on my machine and changes in code seems in line with the issue that needs to be addressed.

Good job and thanks for taking up this issue.

[adrianang]

Hi @ivan20203 — your branching is set up correctly and succinctly summarizes the change made, the corresponding issue is linked to, and the requested change of removing the ending slash on the img tag on line 24 of the Program Areas page was made exactly as requested.

In testing your branch on my local environment through Docker, the rendered images for each of the cards don't appear visually or functionally impacted, as expected.

Thanks for taking up this issue! 🙌🏼