diff --git a/components/01_Layouts/flexGrid/_flexGrid.styl b/components/01_Layouts/flexGrid/_flexGrid.styl
index c9fdc4a..3895cbe 100644
--- a/components/01_Layouts/flexGrid/_flexGrid.styl
+++ b/components/01_Layouts/flexGrid/_flexGrid.styl
@@ -26,6 +26,31 @@ RV-FlexGrid--masonry(item-height=300px,item-width=300px)
 				height auto
 			}
 
+RV-FlexGrid--verticalMasonry(item-height=300px,item-width=300px)
+	+RV-Block__Modifier--name('verticalMasonry')
+		display unquote(block)
+		column-count auto
+		column-width item-width
+		
+		+RV-Element('Item')
+			display inline-block
+			height unset
+			margin-bottom: var(--inner-spacing);
+			& > *  {
+				height auto
+			}
+			
+RV-FlexGrid--horizontalMasonry(item-height=300px,item-width=300px)
+	+RV-Block__Modifier--name('horizontalMasonry')
+		display flex
+		flex-direction row
+		flex-wrap wrap
+		
+		+RV-Element('Item')
+			height calc_height(item-height)
+			width calc_width(max-content)
+		
+
 RV-FlexGrid__Item(item-height, item-width)
 	+RV-Element--name('Item')
 		height 'calc(%s - calc(2*var(--inner-spacing)))' % item-height
@@ -57,4 +82,10 @@ RV-FlexGrid(item-height, item-width)
 		RV-FlexGrid--fixedSize(item-height, item-width)
 		
 	+RV-Block__Modifier()
-		RV-FlexGrid--masonry(item-height,item-width)
\ No newline at end of file
+		RV-FlexGrid--masonry(item-height,item-width)
+		
+	+RV-Block__Modifier()
+		RV-FlexGrid--verticalMasonry(item-height,item-width)
+	
+	+RV-Block__Modifier()
+		RV-FlexGrid--horizontalMasonry(item-height,item-width)		
\ No newline at end of file
diff --git a/components/01_Layouts/flexGrid/flexGrid.hbs b/components/01_Layouts/flexGrid/flexGrid.hbs
index 36a3156..1b07d32 100644
--- a/components/01_Layouts/flexGrid/flexGrid.hbs
+++ b/components/01_Layouts/flexGrid/flexGrid.hbs
@@ -1,50 +1,50 @@
 <div class="RV-FlexGrid RV-FlexGrid{{modifier}} RV-Spacing__Inner--medium">
-	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--simple RV-Spacing__Inner--medium">
+	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
 		<div class="RV-ContentCrop">
 			<img class="RV-Image" src="{{path '/images/square.jpeg'}}"/>
 		</div>
 	</div>
-	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--simple RV-Spacing__Inner--medium">
+	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
 		<div class="RV-ContentCrop">
 			<img class="RV-Image" src="{{path '/images/portrait.jpeg'}}"/>
 		</div>
 	</div>
-	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--simple RV-Spacing__Inner--medium">
+	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
 		<div class="RV-ContentCrop">
 			<img class="RV-Image" src="{{path '/images/portrait.jpeg'}}"/>
 		</div>
 	</div>
-	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--simple RV-Spacing__Inner--medium">
+	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
 		<div class="RV-ContentCrop">
 			<img class="RV-Image" src="{{path '/images/landscape.jpeg'}}"/>
 		</div>
 	</div>
-	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--simple RV-Spacing__Inner--medium">
+	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
 		<div class="RV-ContentCrop">
 			<img class="RV-Image" src="{{path '/images/square.jpeg'}}"/>
 		</div>
 	</div>
-	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--simple RV-Spacing__Inner--medium">
+	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
 		<div class="RV-ContentCrop">
 			<img class="RV-Image" src="{{path '/images/landscape.jpeg'}}"/>
 		</div>
 	</div>
-	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--simple RV-Spacing__Inner--medium">
+	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
 		<div class="RV-ContentCrop">
 			<img class="RV-Image" src="{{path '/images/landscape.jpeg'}}"/>
 		</div>
 	</div>
-	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--simple RV-Spacing__Inner--medium">
+	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
 		<div class="RV-ContentCrop">
 			<img class="RV-Image" src="{{path '/images/portrait.jpeg'}}"/>
 		</div>
 	</div>
-	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--simple RV-Spacing__Inner--medium">
+	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
 		<div class="RV-ContentCrop">
 			<img class="RV-Image" src="{{path '/images/square.jpeg'}}"/>
 		</div>
 	</div>
-	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--simple RV-Spacing__Inner--medium">
+	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
 		<div class="RV-ContentCrop">
 			<img class="RV-Image" src="{{path '/images/portrait.jpeg'}}"/>
 		</div>