From 87c6523f35303fcfd9c96366f85a86f9d0b5b232 Mon Sep 17 00:00:00 2001 From: halworsen Date: Tue, 13 Feb 2018 17:23:21 +0100 Subject: [PATCH] Responsive design for landing page content --- www/css/landing.css | 26 +++++++++++++++++++++++++- www/index.php | 1 - 2 files changed, 25 insertions(+), 2 deletions(-) diff --git a/www/css/landing.css b/www/css/landing.css index 2dc1fba..03cf505 100644 --- a/www/css/landing.css +++ b/www/css/landing.css @@ -59,6 +59,7 @@ img.float-right { .calendar-events { padding: 0; + margin-bottom: 1.5em; list-style: none; } @@ -106,7 +107,7 @@ img.float-right { border-left: 0; } -@media(max-width: 600px){ +@media screen and (max-width: 50rem) { .essentials { flex-direction: column; } @@ -114,4 +115,27 @@ img.float-right { .essentials a { margin: .2em 0; } +} + +@media screen and (max-width: 65rem) { + .contentsplit { + display: block; + } + + .gridr { + height: auto; + padding: 0; + margin-left: 0; + margin-bottom: 3em; + } + + .gridr br { + margin: 0; + height: 0px; + } + + .gridl { + margin-top: 0; + padding: 0; + } } \ No newline at end of file diff --git a/www/index.php b/www/index.php index ab3f237..c7e5890 100644 --- a/www/index.php +++ b/www/index.php @@ -92,7 +92,6 @@ $motd = $motdfetcher->getMOTD(); -

Flere aktiviteter