Add Responsive Design to Impact Summary in Home and Past Events Page

[Aokijiop]

Description

• In our Home and Past Events pages (Accessible by clicking the respective tabs on the navbar), the impact summary is not responsive, resulting in an issue with the formatting
  • 
• Your job for this task is to use breakpoints to create a responsive design for impact summary
  • Since design has no official design for what this should look like, use breakpoints to adjust the stats so that they're displayed in a column format instead of a row format based on the screen dimension
  • You can reference the impact summary in Volunteers.jsx
  • 

Acceptance Criteria

• The impact summaries in the Home and Past Events pages have been updated as specified to be responsive

Resources

• Chakra UI Breakpoints