Layout for image container fixed

2018-11-27 18:57:31 +05:30
parent d3e9b016e5
commit 326f7d6f3a
2 changed files with 11 additions and 7 deletions
--- 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>
--- 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%;