diff --git a/README.md b/README.md index c8738c6..62e4c0e 100644 --- a/README.md +++ b/README.md @@ -1,12 +1,19 @@

Hey Developers! Presenting you all the 'Netflix Clone'.

-screenshot1
-screenshot2
-screenshot3
-screenshot4
+screenshot1 +screenshot2 +screenshot3 +screenshot4 -screenshot5 -screenshot6 +

Desktop view 💻

+
+ +
+ screenshot5 + screenshot6 +
+ +

Mobile view 📱


# Getting Started with Create React App diff --git a/demo-images/image02.jpg b/demo-images/image02.jpg new file mode 100644 index 0000000..729cce0 Binary files /dev/null and b/demo-images/image02.jpg differ diff --git a/demo-images/image03.jpg b/demo-images/image03.jpg new file mode 100644 index 0000000..58d7bbb Binary files /dev/null and b/demo-images/image03.jpg differ diff --git a/demo-images/image04.jpg b/demo-images/image04.jpg new file mode 100644 index 0000000..b7de096 Binary files /dev/null and b/demo-images/image04.jpg differ diff --git a/demo-images/mobileview01.jpg b/demo-images/mobileview01.jpg new file mode 100644 index 0000000..b3d4395 Binary files /dev/null and b/demo-images/mobileview01.jpg differ diff --git a/demo-images/mobileview02.jpg b/demo-images/mobileview02.jpg new file mode 100644 index 0000000..6b1e2d9 Binary files /dev/null and b/demo-images/mobileview02.jpg differ diff --git a/src/Row.css b/src/Row.css index 3a6513d..fb190e6 100644 --- a/src/Row.css +++ b/src/Row.css @@ -12,7 +12,7 @@ max-width: 95%; margin-right: 10px; transition: 450ms; - padding-bottom: 32px; + padding-bottom: 12px; padding-top: 5px; } @@ -29,4 +29,9 @@ .row_posterLarge:hover { transform: scale(1.09); opacity: 1; +} + +.movie_title_wrapper{ + text-align: center; + margin-bottom: 20px; } \ No newline at end of file diff --git a/src/Row.js b/src/Row.js index 5718152..b6975ed 100644 --- a/src/Row.js +++ b/src/Row.js @@ -17,7 +17,7 @@ function Row({title, fetchUrl, isLargeRow}) { } fetchData(); }, [fetchUrl]); - + console.log(movies) const responsive = { desktop: { breakpoint: { max: 2024, min: 800 }, @@ -48,12 +48,20 @@ function Row({title, fetchUrl, isLargeRow}) { removeArrowOnDeviceType='mobile'> {movies.map((movie) => { return ( - {movie.name} + <> + {movie.name} +
+ {movie.original_title ? movie.original_title : + (movie.original_name ? movie.original_name : "") } +
+ ); })}