Update readme with images

RonanCodes · May 7, 2024 · 87dca9c · 87dca9c
1 parent bad7da4
commit 87dca9c
Show file tree

Hide file tree

Showing 6 changed files with 15 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -2,6 +2,15 @@
 
 A simple movie search web application
 
+URL: https://ronancodes.github.io/movie-search/#/search
+
+## Screenshots
+
+![Mobile Search](readme-assets/mobile-search.png)
+![Mobile Detail](readme-assets/mobile-detail.png)
+![Browser Search](readme-assets/browser-search.png)
+![Browser Detail](readme-assets/browser-detail.png)
+
 ## Initial Requirements
 
 - 2 views: search (default view) and movie detail

diff --git a/readme-assets/browser-detail.png b/readme-assets/browser-detail.png
diff --git a/readme-assets/browser-search.png b/readme-assets/browser-search.png
diff --git a/readme-assets/mobile-detail.png b/readme-assets/mobile-detail.png
diff --git a/readme-assets/mobile-search.png b/readme-assets/mobile-search.png
diff --git a/src/app/views/movie-detail/movie-detail.component.scss b/src/app/views/movie-detail/movie-detail.component.scss
@@ -28,3 +28,9 @@
 
   grid-gap: 20px;
 }
+
+img {
+  @media (min-width: 1000px) {
+    width: 300px;
+  }
+}