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'.
-
-
-
-
+
+
+
+
-
-
+Desktop view 💻
+
+
+
+

+

+
+
+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.original_title ? movie.original_title :
+ (movie.original_name ? movie.original_name : "") }
+
+ >
);
})}