Design System: Standardize Page Cards

[abuna1985]

Dependency

• [x] #2061
• [ ] #4296
• [ ] Also check in with people working on about page and Guides pages

Overview

As a developer, it is important to standardize our elements for all teams in the website project. For this issue, the element to standardize is the cards used on the HfLA website.

Action Items

• [ ] Link to Spreadsheet
• [ ] Edit the code such that the sticky side nav can stand alone, in the same way that Bootstrap Cards with Imagesor Solid components can stand alone and is up to current protocol and standards
  • [ ] This code needs to belong in various areas of our architecture based on its language type.
  • [ ] HTML: _includes/elements
  • [ ] SCSS: _scss/elements
  • [ ] JS: assets/js/elements
• [ ] Make sure this bug does not happen for this component.
  • [ ] This is a bug resulting from using the scroll click on a mouse to traverse the page.

Merge Team

• [ ] Release dependency on (insert issue that is a follow up to replace all the stick side nav code)

Resources/Instructions

Bootstrap Cards Solid

[github-actions[bot]]

Hi @abuna1985.

Good job adding the required labels to this issue.

Just a friendly reminder to also move the issue into the "New Issue Approval" column under the Project Board. For more info on that, check Github's documentation here. Thanks!

Additional Resources: Wiki: How to add status labels to issues (WIP. Link will be updated when the wiki is done) Wiki: How to create issues (WIP. Link will be updated when the wiki is done)