diff --git a/components/10_Examples/imageGrid/_imageGrid.scss b/components/10_Examples/imageGrid/_imageGrid.scss
new file mode 100644
index 0000000..e9e6384
--- /dev/null
+++ b/components/10_Examples/imageGrid/_imageGrid.scss
@@ -0,0 +1,17 @@
+@mixin RV-ImageGrid {
+    @include RV-ElementList;
+    @include RV-FlexGrid;
+
+    &__Container {
+        @include RV-Spacing__Inner--medium;
+    }
+
+    &__Item {
+        @include RV-ContentCrop;
+        @include RV-ContentCrop--center;
+    }
+}
+
+.RV-ImageGrid {
+    @include RV-ImageGrid;
+}
\ No newline at end of file
diff --git a/components/10_Examples/imageGrid/imageGrid.config.json b/components/10_Examples/imageGrid/imageGrid.config.json
new file mode 100644
index 0000000..9e26dfe
--- /dev/null
+++ b/components/10_Examples/imageGrid/imageGrid.config.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/components/10_Examples/imageGrid/imageGrid.hbs b/components/10_Examples/imageGrid/imageGrid.hbs
new file mode 100644
index 0000000..29e4c4c
--- /dev/null
+++ b/components/10_Examples/imageGrid/imageGrid.hbs
@@ -0,0 +1,8 @@
+<div class="RV-ImageGrid">
+    <ul class="RV-ImageGrid__Container">
+        <li class="RV-ImageGrid__Item"><img src="{{path '/images/hasi01.png'}}" alt=""></li>
+        <li class="RV-ImageGrid__Item"><img src="{{path '/images/hasi02.jpeg'}}" alt=""></li>
+        <li class="RV-ImageGrid__Item"><img src="{{path '/images/hasi03.jpeg'}}" alt=""></li>
+        <li class="RV-ImageGrid__Item"><img src="{{path '/images/hasi04.png'}}" alt=""></li>
+    </ul>
+</div>
\ No newline at end of file