diff --git a/README.md b/README.md index b33356d..520ded6 100644 --- 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 new file mode 100644 index 0000000..1594313 Binary files /dev/null and b/readme-assets/browser-detail.png differ diff --git a/readme-assets/browser-search.png b/readme-assets/browser-search.png new file mode 100644 index 0000000..a4b8f12 Binary files /dev/null and b/readme-assets/browser-search.png differ diff --git a/readme-assets/mobile-detail.png b/readme-assets/mobile-detail.png new file mode 100644 index 0000000..26254f6 Binary files /dev/null and b/readme-assets/mobile-detail.png differ diff --git a/readme-assets/mobile-search.png b/readme-assets/mobile-search.png new file mode 100644 index 0000000..401ef2c Binary files /dev/null and b/readme-assets/mobile-search.png differ diff --git a/src/app/views/movie-detail/movie-detail.component.scss b/src/app/views/movie-detail/movie-detail.component.scss index b27eef9..e3afbb4 100644 --- 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; + } +}