added material io component card

2018-11-13 11:32:16 +05:30
parent 1a1f10719b
commit d3e9b016e5
6 changed files with 50 additions and 9 deletions
--- a/src/app/content/image-container/image/image.component.scss
+++ b/src/app/content/image-container/image/image.component.scss
@@ -1,11 +1,23 @@
 //OVERWRITES
 :host {
-    margin: 0 20px;
+    margin: 0 1em;
    overflow: auto;
-
 }
+// .card {
+//     width: 20rem;
+//     margin: 20px auto;
+//     overflow: auto
+// }
+
 .card {
-    width: 20rem;
-    margin: 20px auto;
-    overflow: auto
+    max-width: 400px;
+}
+  
+.header-image {
+    background-image: url('https://material.angular.io/assets/img/examples/shiba1.jpg');
+    background-size: cover;
+}
+
+mat-divider {
+    margin: 1em 0;
 }