feat: display Events in a grid

1 files changed, 8 insertions, 2 deletions

diff --git a/src/containers/BsuFantomSection/BsuFantomSection.tsx b/src/containers/BsuFantomSection/BsuFantomSection.tsx
index 90632d7..527c41b 100644
--- a/src/containers/BsuFantomSection/BsuFantomSection.tsx
+++ b/src/containers/BsuFantomSection/BsuFantomSection.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { ContentSection } from 'react-benzin';
-import { Link } from '@material-ui/core';
+import { Grid, Link } from '@material-ui/core';
 import EventCard from '../../components/EventCard/EventCard';
 import { useEvents } from '../../hooks/APIClient';
 
@@ -13,7 +13,13 @@ const BsuFantomSection: React.FC = () => {
         Schedule your offline <Link href="https://edufpmi.bsu.by">EDUFPMI</Link> conference attendance
       </p>
       <ContentSection sectionName="Upcoming events" level={2}>
-        {events?.map(event => <EventCard event={event} />)}
+        <Grid container spacing={2}>
+          {events?.map(event => (
+            <Grid item xs={4}>
+              <EventCard event={event} />
+            </Grid>
+          ))}
+        </Grid>
       </ContentSection>
     </ContentSection>
   );