Fixed layout when there are less than 3 features in a row

Author: emilbaehr

_config.yml

@@ -10,6 +10,11 @@ app_price           : 4.99
 ios_app_id          :
 android_app_id      :
 
+# Icon and screenshot
+app_icon            :
+app_video           :
+app_screenshot      :
+
 # Social Links
 facebook_username   : 
 twitter_username    : ebaehr
@@ -18,12 +23,15 @@ email_address       : [email protected]
 
 # Features
 features                      :
-  - title                     : First Feature
-    description               : A good description
-    fontawesome_icon_name     : adjust
-  - title                     : Another feature
-    description               : Another good description
+  - title                     : Feature 1
+    description               : Present the features of your app with the dynamic Jekyll theme
+    fontawesome_icon_name     : magic
+  - title                     : Feature 2
+    description               : Show your app in the context of an iPhone
     fontawesome_icon_name     : mobile
+  - title                     : Feature 3
+    description               : Adjust colors, backgrounds and typography
+    fontawesome_icon_name     : adjust
 
 # Theme Settings
 accent_color                  : #000000

_sass/layout.scss

@@ -185,15 +185,25 @@ nav > ul li a {
 	display: flex;
 	flex: 0 1 auto;
 	align-content: flex-start;
-	justify-content: space-between;
+	justify-content: center;
 	flex-grow: 1;
 	flex-wrap: wrap;
 }
 
 .feature {
 	display: flex;
 	padding-top: 93px;
-	width: calc(100%/3 - 30px);
+	padding-left: 15px;
+	padding-right: 15px;
+	width: calc(100%/3);
+}
+
+.feature:nth-child(3n) {
+	padding-right: 0px;
+}
+
+.feature:nth-child(0n+1) {
+	padding-left: 0px;
 }
 
 .iconBack {

index.html

@@ -13,6 +13,10 @@
 				{% include header.html %}
 
 				<div class="iphonePreview">
+					{% if  %}
+
+
+					{% else %}
 					<svg width="0" height="0">
 						<defs>
 							<clipPath id="screenMask">