From 64a78e48eebe8e5d93e8ec268b290079efd90176 Mon Sep 17 00:00:00 2001
From: Sandra <you@example.com>
Date: Sat, 18 Apr 2020 00:52:00 +0200
Subject: [PATCH] grid fixes

---
 static/title.css       |  1 -
 static/topicformat.css | 35 ++++++++++++++++++++++++++++++++++-
 2 files changed, 34 insertions(+), 2 deletions(-)

diff --git a/static/title.css b/static/title.css
index e97ca60..5776814 100644
--- a/static/title.css
+++ b/static/title.css
@@ -241,7 +241,6 @@ p {
   text-align: left;
   opacity: 0.7;
   right:0%;
-
 }
 
 a.content:link {
diff --git a/static/topicformat.css b/static/topicformat.css
index ebb15c7..e42c8c7 100644
--- a/static/topicformat.css
+++ b/static/topicformat.css
@@ -3,7 +3,7 @@ body {
     font-size: 18px;
 }
 
-.grid-container {
+/*.grid-container {
   	display: inline-grid;
   	grid-template-columns: repeat(3, 1fr);
   	grid-column-gap: 5px;
@@ -24,8 +24,40 @@ body {
 	position: relative;
 	text-align: left;
 	z-index: 5;
+}*/
+
+.grid-container {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    grid-column-gap: 50px;
+    grid-row-gap: 100px;
+   /* grid-auto-flow: dense;*/
+    position: absolute;
+    top: 25%;
+    width: 90%;
+    height: auto;
+    left: 5%;
+    margin-left: 10px;
+    margin-right: 10px;
+    text-align: : center;
+    z-index: 5;
+
+}
+
+.grid-container > div {
+  position: relative;
+  text-align: center;
+  z-index: 5;
+}
+
+.thumbborder {
+    max-height: 100%;
+  position:relative;
+  display: inline-block;
+  max-width: 300px;
 }
 
+
 .img {
   display: inline-block;
   border-style:  hidden  hidden solid hidden;
@@ -50,5 +82,6 @@ body {
   width: 300px;
   overflow-wrap: break-word;
   border-style: hidden;
+  text-align: left;
 }