From bb4ea64e79e696d95194bd3d35d96afa34059574 Mon Sep 17 00:00:00 2001 From: "Dominik V. Salonen" Date: Wed, 14 Mar 2018 14:15:32 +0100 Subject: [PATCH] Apparently you can't transition height, so I need to change my strategy --- style.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/style.css b/style.css index 0f4cf92..561e9ee 100755 --- a/style.css +++ b/style.css @@ -18,15 +18,16 @@ h1, h2, h3, h4, h5, p { color: #FFF; font-family: "Lato", sans-serif; } - + +/* TODO: Add some @Media thing with smaller margin-top on vertical devices */ #content { display: block; margin-right: auto; margin-left: auto; width: 750px; max-width: 90vw; - margin-top: 40vh; - transform: translateY(-50%) + margin-top: 25vh; + max-height: 50vh; } #main-container { @@ -36,7 +37,6 @@ h1, h2, h3, h4, h5, p { border-radius: 5px 5px 0px 0px; width: 100%; box-shadow: 3px 3px 7px rgba(0,0,0,0.25); - transition: height 0.15s ease-in-out; } #navbar {