added scroll for overview in movies app & centered cards

krissh-the-dev · krissh-the-dev · commit baeb8d86aeb1 · 2020-12-12T18:31:09.000+05:30
diff --git a/movie-app/style.css b/movie-app/style.css
@@ -44,6 +44,7 @@ header {
 main {
   display: flex;
   flex-wrap: wrap;
+  justify-content: center;
 }
 
 .movie {
@@ -101,6 +102,7 @@ main {
   right: 0;
   max-height: 100%;
   transform: translateY(101%);
+  overflow-y: auto;
   transition: transform 0.3s ease-in;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -44,6 +44,7 @@ header {`
`44`	`44`	`main {`
`45`	`45`	`display: flex;`
`46`	`46`	`flex-wrap: wrap;`
	`47`	`+ justify-content: center;`
`47`	`48`	`}`
`48`	`49`
`49`	`50`	`.movie {`
`@@ -101,6 +102,7 @@ main {`
`101`	`102`	`right: 0;`
`102`	`103`	`max-height: 100%;`
`103`	`104`	`transform: translateY(101%);`
	`105`	`+ overflow-y: auto;`
`104`	`106`	`transition: transform 0.3s ease-in;`
`105`	`107`	`}`
`106`	`108`