Revert "Added styling to center inner-container in banner"

nateperry · nateperry · commit 182e761b5c87 · 2014-10-10T23:58:21.000-04:00
diff --git a/_sass/main.sass b/_sass/main.sass
@@ -96,14 +96,8 @@ a
 	position: relative
 	width: 100%
 	.inner
-		position: absolute;   
-	    	left: 50%;   
-	    	top: 50%;   
-	    	min-width: 300px;
-	    	transform: translate(-50%, -50%);   
-	    	-webkit-transform: translate(-50%, -50%);   
-	    	-moz-transform: translate(-50%, -50%);   
-	    	-o-transform: translate(-50%, -50%);
+		left: 0
+		right: 0
 	// custom banners
 	&.welcome
 		background: url('coderit_background.png') center center fixed
@@ -114,6 +108,7 @@ a
 		text-align: center
 		.logo
 			margin-bottom: 25px
+			max-width: 60%
 		#learn-more
 			&:after
 				border-color: $white transparent transparent transparent
@@ -376,4 +371,4 @@ a
 		.inner
 			padding: 10px 3px
 	#event-list-cta
-		width: auto
+		width: auto
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -77,14 +77,8 @@ a {
   position: relative;
   width: 100%; }
   .banner .inner {
-    position: absolute;   
-    left: 50%;   
-    top: 50%;   
-    min-width: 300px;
-    transform: translate(-50%, -50%);   
-    -webkit-transform: translate(-50%, -50%);   
-    -moz-transform: translate(-50%, -50%);   
-    -o-transform: translate(-50%, -50%);}
+    left: 0;
+    right: 0; }
   .banner.welcome {
     background: url("coderit_background.png") center center fixed;
     font-size: 1.25em;
@@ -93,7 +87,8 @@ a {
     padding: 60px 0 80px;
     text-align: center; }
     .banner.welcome .logo {
-      margin-bottom: 25px;}
+      margin-bottom: 25px;
+      max-width: 60%; }
     .banner.welcome #learn-more:after {
       border-color: white transparent transparent transparent;
       border-style: solid;
