From a09633dc8fe319ab3544c1dd9eb2e8bd4083afb8 Mon Sep 17 00:00:00 2001 From: Sandra Date: Tue, 7 Apr 2020 10:14:31 +0200 Subject: [PATCH] img grid --- static/title.css | 74 ++++++++++++++++++++++++++++++++++++++++++++ templates/title.html | 8 ++++- 2 files changed, 81 insertions(+), 1 deletion(-) diff --git a/static/title.css b/static/title.css index a537ca1..e359d72 100644 --- a/static/title.css +++ b/static/title.css @@ -62,3 +62,77 @@ h2{ font-style: italic; } + +.grid-container { + display: grid; + grid-template-columns: repeat(4, 1fr); + grid-gap: 10px; + position: absolute; + top: 60%; + width: 96%; + height: auto; + left:2%; + /*background-color: blue;*/ + text-align: : center; + z-index: 5; + +} + +.grid-container > div { + position: relative; + /*background-color: green;*/ + text-align: center; + /*padding-bottom: 1%;*/ + z-index: 5; +} + +image { + position: relative; + max-width: 100%; + max-height: 100%; + + /*align-content: center;*/ + +} + +/* Grid buttons */ + +.header { + + position: absolute; + text-align: center; + padding: 32px; + top: 30%; + right: 0%; + z-index: 9; + width: auto; + height: auto; +} + +p { + display: inline-block; + position: relative; +} + +.btn { + border: none; + outline: none; + width: 110px; + text-align: center; + padding: 12px 0px; + background-color: grey; + cursor: pointer; + font-size: 18px; + margin-right: 5px; + z-index: 9; +} + +.btn:hover { + background-color: black; + color: blue; +} + +.btn:active { + background-color: black; + color: white; +} \ No newline at end of file diff --git a/templates/title.html b/templates/title.html index 18af81f..a5021c6 100644 --- a/templates/title.html +++ b/templates/title.html @@ -11,7 +11,13 @@

{{ page.name }}

-
{{ body|safe }}
+ +
+

+

+
+ +
{{ body|safe }}