From 3db866a9eb778d5023a3b2229a573295472c2cd6 Mon Sep 17 00:00:00 2001
From: reverend <reverend@reverend2048.de>
Date: Wed, 10 Mar 2021 02:58:51 +0100
Subject: [PATCH] Supplying better examples

---
 components/01_Layouts/flexRow/flexRow.hbs | 37 +++++++++++------------
 1 file changed, 18 insertions(+), 19 deletions(-)

diff --git a/components/01_Layouts/flexRow/flexRow.hbs b/components/01_Layouts/flexRow/flexRow.hbs
index d9dc572..dcdde04 100644
--- a/components/01_Layouts/flexRow/flexRow.hbs
+++ b/components/01_Layouts/flexRow/flexRow.hbs
@@ -1,20 +1,19 @@
-<div class="RV-FlexRow RV-FlexRow{{modifier}}">
-	<div class="RV-FlexRow__Item RV-Dummy">
-		<div class="RV-Dummy__Square--small"></div>
-	</div>
-	<div class="RV-FlexRow__Item RV-FlexRow__Item--outsideBreakPoint RV-FlexRow__Item--right RV-Dummy RV-Dummy--red">
-		<div class="RV-Dummy__Square--small">Larger</div>
-	</div>
-	<div class="RV-FlexRow__Item RV-FlexRow__Item--insideBreakPoint RV-FlexRow__Item--right RV-Dummy--yellow RV-Dummy">
-		<div class="RV-Dummy__Square--small">Smaller</div>
-	</div>
-	<div class="RV-FlexRow__Item RV-FlexRow__Item--center RV-Dummy">
-		<div class="RV-Dummy__Square--small"></div>
-	</div>
-	<div class="RV-FlexRow__Item RV-FlexRow__Item--left RV-Dummy">
-		<div class="RV-Dummy__Square--small"></div>
-	</div>
-	<div class="RV-FlexRow__Item RV-FlexRow__Item--fixedSize RV-Dummy">
-		<div class="RV-Dummy__Square--small"></div>
-	</div>
+<div class="RV-FlexRow RV-FlexRow{{modifier}} RV-Spacing__Outer--medium" style="height: 150px;">
+	<div class="RV-FlexRow__Item RV-FlexRow__Item--narrower RV-Dummy RV-Alignment--center">Narrower</div>
+	<div class="RV-FlexRow__Item RV-FlexRow__Item--narrow RV-Dummy RV-Alignment--center">Narrow</div>
+	<div class="RV-FlexRow__Item RV-Dummy RV-Alignment--center">Normal</div>
+	<div class="RV-FlexRow__Item RV-FlexRow__Item--wide RV-Dummy RV-Alignment RV-Alignment--center">Wide</div>
+	<div class="RV-FlexRow__Item RV-FlexRow__Item--wider RV-Dummy RV-Alignment--center">Wider</div>	
+</div>
+
+<div class="RV-FlexRow RV-FlexRow{{modifier}} RV-Spacing__Outer--medium" style="height: 150px;">
+	<div class="RV-FlexRow__Item RV-FlexRow__Item--quarter RV-Dummy RV-Alignment--center">Quarter</div>
+</div>
+
+<div class="RV-FlexRow RV-FlexRow{{modifier}} RV-Spacing__Outer--medium" style="height: 150px;">
+	<div class="RV-FlexRow__Item RV-FlexRow__Item--third RV-Dummy RV-Alignment--center">Third</div>
+</div>
+
+<div class="RV-FlexRow RV-FlexRow{{modifier}} RV-Spacing__Outer--medium" style="height: 150px;">
+	<div class="RV-FlexRow__Item RV-FlexRow__Item--half RV-Dummy RV-Alignment--center">Half</div>
 </div>
\ No newline at end of file