Design System: Audit Page Card CSS/HTML standard

[abuna1985]

Overview

We need to finalize the base HTML/CSS for the .page-card and classes so we can apply the standard to all the cards within the HfLA website

Action Items

• Find all instances of the HTML, CSS, or (inclusive) JS code for .*-card (.page-card, .small-card, .project-card, .wins-card) class.
  • Document all instances on a spreadsheet in our drive with (insert column names) (insert something about which folder in the drive)
• Research online on what the standards are in terms of HTML tags, accessibility, etc for this component.
• Do a write-up on your research as a comment on this issue.
  • Link this comment into your pull request. This action item was removed because a pull request is not needed, since no code changes are made.
  • Also, include this comment on the spreadsheet (merge cells might help in making this comment more visible to a viewer)
• Edit the first item on Design System: Standardize Page Cards #2226 to include a link to the spreadsheet.
• When ready, @ mention hackforla/website-merge in a comment to review your work and include:
  • A link to the spreadsheet you created
  • A link to the comment where you did a write-up on your research
• Finish the audit in the spreadsheet This will be completed in new issue Design System: Recommendations for Page Card CSS/HTML Standard #4296

Merge Team

• Release dependency on Design System: Standardize Page Cards #2226

Resources/Instructions

/* Current default for page-card*/
.page-card {
    border-radius: 20px;
    overflow: hidden;
    width: 100%;
  }

Spreadsheet link: https://docs.google.com/spreadsheets/d/10-c3jpf4vtXKcwLiBC4Z3wqN777xlxbErHS4QNq-e8o/edit#gid=960681845

[Sparky-code]

Note for new assignee:
This issue was expanded from the original scope to include proposed implementation by instance of each card class.
I was unable to finish this portion of the issue due to starting a new job. I think this issue should be completed as is and a new issue written to address suggestions and implementation in line with 'atomic' principles.

[ExperimentsInHonesty]

@hackforla/website-merge no one will pick up this issue because they are unclear what to do. Read through it and all the assets and make a new issue that focuses on only what work remains while linking to only what they need to finish the issue.

[jdingeman]

New issue was made here that should complete what was left of the audit:

• Design System: Recommendations for Page Card CSS/HTML Standard #4296

I believe we can now close this issue. Added the new issue as a dependency for

• Design System: Standardize Page Cards #2226