diff --git a/app/static/css/homepage.css b/app/static/css/homepage.css
index f8643bb..1684d68 100644
--- a/app/static/css/homepage.css
+++ b/app/static/css/homepage.css
@@ -1,26 +1,26 @@
 .home-pinned-content {
   display: grid;
-  grid-template-areas: 'banner news''welcome news''welcome news''shout news''shout news''projects projects';
-  grid-template-rows: minmax(100px,auto);
+  grid-template-areas: 'banner news''welcome news''shout news''projects projects';
+  grid-template-rows: minmax(100px,auto)repeat(minmax(200px,auto),2)minmax(100px,auto);
   gap: 10px;
 }
 .home-pinned-content > * {
   border: 1px solid red;
 }
 .home-banner {
-  grid-area: 'banner';
+  grid-area: banner;
 }
 .home-welcome {
-  grid-area: 'welcome';
+  grid-area: welcome;
   display: flex;
   flex-direction: row;
 }
 .home-news {
-  grid-area: 'news';
+  grid-area: news;
 }
 .home-shoutbox {
-  grid-area: 'shout';
+  grid-area: shout;
 }
 .home-projects {
-  grid-area: 'projects';
+  grid-area: projects;
 }
\ No newline at end of file
diff --git a/app/static/less/homepage.less b/app/static/less/homepage.less
index ddc1bcc..581e59e 100644
--- a/app/static/less/homepage.less
+++ b/app/static/less/homepage.less
@@ -3,13 +3,11 @@
     grid-template-areas:
     'banner news'
     'welcome news'
-    'welcome news'
-    'shout news'
     'shout news'
     'projects projects';
-    
-    grid-template-rows: minmax(100px, auto);
-    
+
+    grid-template-rows: minmax(100px, auto) repeat(minmax(200px, auto), 2) minmax(100px, auto);
+
     gap: 10px;
 
     & > * {
@@ -18,24 +16,24 @@
 }
 
 .home-banner {
-    grid-area: 'banner';
+    grid-area: banner;
 }
 
 .home-welcome {
-    grid-area: 'welcome';
+    grid-area: welcome;
 
     display: flex;
     flex-direction: row;
 }
 
 .home-news {
-    grid-area: 'news';
+    grid-area: news;
 }
 
 .home-shoutbox {
-    grid-area: 'shout';
+    grid-area: shout;
 }
 
 .home-projects {
-    grid-area: 'projects';
-}
\ No newline at end of file
+    grid-area: projects;
+}