From 205c2278b21ad39ce7b1bbe0b4181f772b85ddf1 Mon Sep 17 00:00:00 2001 From: HumairAK Date: Fri, 8 Jul 2016 05:57:21 -0400 Subject: Fixed content centering for homepage --- assets/css/style.css | 17 ++++++++--------- 1 file changed, 8 insertions(+), 9 deletions(-) (limited to 'assets/css/style.css') diff --git a/assets/css/style.css b/assets/css/style.css index 21275f5..850faed 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -73,13 +73,15 @@ a { } main { - position: relative; + background-image: url("../images/main.jpg"); background-size: 250px 250px; text-align: center; - height: 80%; width: 100%; - overflow: auto; + min-height: 80%; + /*position: relative; + height: 80%; + overflow: auto;*/ } /* Changes - main is a flex container for search content*/ @@ -87,19 +89,15 @@ main{ display: flex; align-items: center; justify-content: center; + flex-flow: column; /* Makes it grow vertically */ } /* Changes - search is a flex container for h2 and bar, removed various attributes */ main #search { - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; - + flex: 1; width: 60%; height: 100%; - vertical-align: middle; background-color: rgba(235,235,235, 0.7); } @@ -110,6 +108,7 @@ main #search h2{ color: gray; font-size: 2.5em; margin: 4%; + padding-top: 200px; /* Change to move search bar content. Keep as pixel*/ } main #search input[type=text] { -- cgit v1.2.3