Refactor layout in NewsContainer and add dummy advertisement

src/components/NewsContainer.tsx

-import { CircularProgress, Grid } from '@material-ui/core';
+import { Box, CircularProgress, Grid, Typography } from '@material-ui/core';
 import React from 'react';
 import News from './News';
 
@@ -10,9 +10,24 @@ const NewsContainer: React.FC = () => {
   return isLoading ? (
     <CircularProgress />
   ) : (
-    <Grid container spacing={2}>
+    <Grid container>
+      <Grid item xs={12} sm={3}>
+        <Box p={2} alignContent="center">
+          <img
+            src="https://i.pinimg.com/474x/13/84/34/138434e6400eb73823192c74ea40bfc2.jpg"
+            height="auto"
+            width="80%"
+            alt="Fitness advertisement"
+          />
+        </Box>
+      </Grid>
+      <Grid container item xs={12} sm={6} direction="column">
         <News title="ASd" author="Anonymus" content="ASDADDD" createDate="2021.01.01" />
       </Grid>
+      <Grid item xs={12} sm={3}>
+        <Typography>Naptár (?)</Typography>
+      </Grid>
+    </Grid>
   );
 };
 

src/pages/NewsPage.tsx

-import { Container } from '@material-ui/core';
 import React from 'react';
 import NewsContainer from '../components/NewsContainer';
 import Page from './Page';
 
 const NewsPage: React.FC = () => (
   <Page>
-    <Container>
     <NewsContainer />
-    </Container>
   </Page>
 );