From 326f7d6f3a8c566faca904be1625464d34f1b0f9 Mon Sep 17 00:00:00 2001
From: Mohit Nagar <mohnagar1@publicisgroupe.net>
Date: Tue, 27 Nov 2018 18:57:31 +0530
Subject: [PATCH] Layout for image container fixed

---
 .../image-container/image-container.component.html | 14 ++++++++------
 .../image-container/image-container.component.scss |  4 +++-
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/app/content/image-container/image-container.component.html b/src/app/content/image-container/image-container.component.html
index 2469bd9..317ae41 100644
--- a/src/app/content/image-container/image-container.component.html
+++ b/src/app/content/image-container/image-container.component.html
@@ -1,7 +1,9 @@
-<div class="row">
-  <app-image 
-    class="image"
-    *ngFor="let image of images"
-    [image]='image'>
-  </app-image>
+<div class="container-fluid">
+  <div class="row">
+    <app-image 
+      class="image" 
+      *ngFor="let image of images" 
+      [image]='image'>
+    </app-image>
+  </div>
 </div>
\ No newline at end of file
diff --git a/src/app/content/image-container/image-container.component.scss b/src/app/content/image-container/image-container.component.scss
index 2012583..494b3a4 100644
--- a/src/app/content/image-container/image-container.component.scss
+++ b/src/app/content/image-container/image-container.component.scss
@@ -3,7 +3,9 @@ p {
 }
 
 .row { 
-    display: flex; flex-flow: row wrap; 
+    display: flex; 
+    flex-flow: row wrap; 
+    justify-content: space-between;
 } 
 .row:after { 
     content: ''; width: 100%;