diff --git a/src/components/NewsContainer.tsx b/src/components/NewsContainer.tsx
index 42714e2cc3f9909d5f9ae52a284dc76e142f6249..bda54767d35d89a2d7f9fa381599cd5f760bf8f2 100644
--- a/src/components/NewsContainer.tsx
+++ b/src/components/NewsContainer.tsx
@@ -1,4 +1,4 @@
-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,8 +10,23 @@ const NewsContainer: React.FC = () => {
   return isLoading ? (
     <CircularProgress />
   ) : (
-    <Grid container spacing={2}>
-      <News title="ASd" author="Anonymus" content="ASDADDD" createDate="2021.01.01" />
+    <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>
   );
 };
diff --git a/src/pages/NewsPage.tsx b/src/pages/NewsPage.tsx
index 45a629d8cd4d0d4db95402b2540b0001ee88949b..030618efeac6929fcb3e709b88d4e1a6cc0cf092 100644
--- a/src/pages/NewsPage.tsx
+++ b/src/pages/NewsPage.tsx
@@ -1,13 +1,10 @@
-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>
+    <NewsContainer />
   </Page>
 );