From 89ad2affbbda714718e3a5caa19d86cbd5a51fb5 Mon Sep 17 00:00:00 2001 From: lauralani Date: Fri, 25 Aug 2023 09:01:09 +0200 Subject: [PATCH] add cards to layout --- index.html | 24 +++++++++++++++--------- static/style.css | 49 ++++++++++++++++++++++++++++++------------------ 2 files changed, 46 insertions(+), 27 deletions(-) diff --git a/index.html b/index.html index 63e1364..60a4ee9 100644 --- a/index.html +++ b/index.html @@ -9,25 +9,31 @@ - +

LiLa Games 💜

-
+
-

For Info about getting whitelisted or for the password please ping +

+ For Info about getting whitelisted or for the password please ping @lauralani on Discord or - @lauralani@lila.network on Fediverse <3

+ @lauralani@lila.network + on Fediverse <3 +

diff --git a/static/style.css b/static/style.css index a9644c5..eaf1286 100644 --- a/static/style.css +++ b/static/style.css @@ -28,22 +28,22 @@ body { src: url('/static/open-sans-v35-latin-regular.woff2') format('woff2'); } -h1, -h2, -h3 { - margin-left: 15px; - color: #94b4da; +h1 { + color: #b846f6; + text-align: center; + border-bottom: 1px solid #b846f6; + margin: 0 15% 70px; } -h1 { +h2 { + color: #94b4da; + margin: 5px; text-align: center; - border-bottom: 1px solid white; - margin: 0px 15%; } .status-image { - position: relative; - bottom: -3px; + display: block; + margin: 5px auto; } body i { @@ -55,12 +55,18 @@ body i { color: aqua; } -.game-card p { +.line { margin: 2px 0; } +.game-body { + margin: 0 20px 10px; + text-align: center; +} + .game-card { - margin: 0 20px; + width: calc(20em - 2px); + margin-bottom: 30px; } @media (max-width: 650px) { @@ -68,15 +74,13 @@ body i { font-size: 1em; } - .status-image { - display: block; - margin-left: 6px; - margin-top: 5px; - } - h2 { margin-bottom: 7px; } + + .game-card { + margin: auto; + } } .red { @@ -85,4 +89,13 @@ body i { .green { color: greenyellow; +} + +.flex { + display: flex; + flex-wrap: wrap; +} + +.info-text { + padding: 0 2em; } \ No newline at end of file