Remove non-existent classes from citizen-engagement-cards.html

[JessicaLucindaCheng]

Prerequisite

1. Be a member of Hack for LA. (There are no fees to join.) If you have not joined yet, please follow the steps on our Getting Started page.
2. Before you claim or start working on an issue, please make sure you have read our How to Contribute to Hack for LA Guide.

Overview

As developers, we should make sure our code does not use SCSS classes that do not exist. For this issue, we will remove the non-existent classes card-body and card-width from a line of code.

Action Items

• On line 3 in _includes/citizen-engagement-cards.html, remove the classes card-body and card-width from

                   <div class="page-card card-primary page-card-lg card-body card-width program-area" data-dropdown>

so the result is

                   <div class="page-card card-primary page-card-lg program-area" data-dropdown>

• Using Docker locally on your computer, check Citizen Engagement page looks the same as the page on the current site in various desktop, tablet, and mobile views using developer tools

Resources/Instructions

• line 3 in _includes/citizen-engagement-cards.html
• Citizen Engagement page

[github-actions]

Hi @JessicaLucindaCheng.

Please don't forget to add the proper labels to this issue. Currently, the labels for the following are missing:
Size, Role, Feature

To add a label, take a look at Github's documentation here.

Also, don't forget to remove the "missing labels" afterwards.
To remove a label, the process is similar to adding a label, but you select a currently added label to remove it.

After the proper labels are added, the merge team will review the issue and add a "Ready for Milestone" label once it is ready for prioritization.

Additional Resources:

• Wiki: How to create issues
• Wiki: How to read and interpret labels