From b61eba6f01898cd3c506976c17bb23d06d648f04 Mon Sep 17 00:00:00 2001
From: eug-vs <eug-vs@keemail.me>
Date: Sun, 15 Nov 2020 00:22:16 +0300
Subject: feat: display Events in a grid

---
 src/containers/BsuFantomSection/BsuFantomSection.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

(limited to 'src/containers/BsuFantomSection/BsuFantomSection.tsx')

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>
   );
-- 
cgit v1.2.3

