Standardize Events Page (SCSS)

[daniellex0]

Note!

(from @akibrhast) : Since this issue is a placeholder issue on the path to standardize the events page. Do not close this issue until all the issue referencing this issue is closed.

Overview

We need to standardize the Events page so that it is has visual consistency with the rest of the HfLA website and our design system.

Action Items

Front-End Development

• Review the SCSS fixes on the Events page file on Figma (on the bottom, in large orange box)
• Implement all of the fixes on the Events page's .scss file (_sass > components > _events.scss) and the few in its HTML file

Resources/Instructions

Events page Figma file (edits on the bottom in large orange box)
Current Events page

*The notes/scss edits I provided will hopefully help standardize the current Events page and get it closer to the mockup version. If any of my SCSS suggestions are ineffective, please feel free to figure something else out to get the right look. Also for some of the issues I could not find quick solutions, so those will need to be figured out. Please let me know if you have any questions.