React - Make the Events Page Mobile-Responsive

• With the "Events" component finally created for desktop, this task is important to ensure that this React component is mobile-responsive. Ideally, we need to support all devices, not just on the desktop/laptop, as web developers.
• As a baseline, please configure the styling of your React component to support not just the desktop/laptop devices but also common phone devices - 1 Apple and 1 Android (e.g. please support for this task: the I-Phone SE and Samsung Galaxy S8+).
• You may be asking, how can we verify this? To visually test this, on Google Chrome, please right click on Windows (or two-finger click on Mac), click "Inspect", go to the top left of the Google Chrome developer tools menu and select the Laptop-Phone Icon, and change the Dimensions to each of these devices, respectively, to test out your designs.
• Once the UI design looks solid, then you have completed with this task and no longer need to modify the React component styling further.
• Have questions? Please ask either Andrew or Pierre on Discord or at our TA office hours sessions at TORG 1070.

Locate the existing Events React component and inspect its current styling first. Use Chrome DevTools device emulation for an iPhone SE and Samsung Galaxy S8+, then adjust the component styling until the page is usable at both sizes and visually solid on desktop.