diff --git a/app/src/main/AndroidManifest.xml b/app/src/main/AndroidManifest.xml
index 25c7c52..961fd3f 100644
--- a/app/src/main/AndroidManifest.xml
+++ b/app/src/main/AndroidManifest.xml
@@ -37,6 +37,9 @@
         <activity
             android:name="com.hossainkhan.android.demo.ui.layoutpreview.LayoutDimensionMinMaxActivity"
             android:parentActivityName="com.hossainkhan.android.demo.ui.browse.LayoutBrowseActivity" />
+        <activity
+            android:name="com.hossainkhan.android.demo.ui.functionaldemo.MovieDetailsPreviewActivity"
+            android:parentActivityName="com.hossainkhan.android.demo.ui.browse.LayoutBrowseActivity" />
     </application>
 
 </manifest>
\ No newline at end of file
diff --git a/app/src/main/java/com/hossainkhan/android/demo/data/LayoutDataStore.kt b/app/src/main/java/com/hossainkhan/android/demo/data/LayoutDataStore.kt
index cfa02ef..2e7c254 100644
--- a/app/src/main/java/com/hossainkhan/android/demo/data/LayoutDataStore.kt
+++ b/app/src/main/java/com/hossainkhan/android/demo/data/LayoutDataStore.kt
@@ -159,7 +159,24 @@ class LayoutDataStore @Inject constructor(
                     title = "Virtual Helper: Group",
                     description = "This class controls the visibility of a set of referenced widgets. " +
                             "Widgets are referenced by being added to a comma separated list of ids.\n\n" +
-                            "For example you can link multiple views: `app:constraint_referenced_ids=\"viewId1,viewId2,viewId3\"` and control their visibility at once.")
+                            "For example you can link multiple views: `app:constraint_referenced_ids=\"viewId1,viewId2,viewId3\"` and control their visibility at once."),
+
+            /*
+             * This is a demo of movie details page using various features of constraint layout.
+             *
+             *          .-'-.
+             *        /`     |__
+             *      /`  _.--`-,-`
+             *      '-|`   a '<-.   []
+             *        \     _\__) \=`
+             *         C_  `    ,_/
+             *           | ;----'
+             */
+            LayoutInformation(
+                    layoutResourceId = R.layout.demo_movie_details,
+                    thumbnailResourceId = R.drawable.spider_verse_poster,
+                    title = "Demo: Movie Details",
+                    description = "A demo screen containing movie details.")
 
 
             /*
diff --git a/app/src/main/java/com/hossainkhan/android/demo/di/ActivityBindingModule.kt b/app/src/main/java/com/hossainkhan/android/demo/di/ActivityBindingModule.kt
index c05546f..ad96348 100644
--- a/app/src/main/java/com/hossainkhan/android/demo/di/ActivityBindingModule.kt
+++ b/app/src/main/java/com/hossainkhan/android/demo/di/ActivityBindingModule.kt
@@ -16,6 +16,7 @@
 
 package com.hossainkhan.android.demo.di
 
+import com.hossainkhan.android.demo.ui.functionaldemo.MovieDetailsPreviewActivity
 import com.hossainkhan.android.demo.ui.layoutpreview.LayoutChainStyleActivity
 import com.hossainkhan.android.demo.ui.layoutpreview.LayoutDimensionMinMaxActivity
 import com.hossainkhan.android.demo.ui.layoutpreview.LayoutGuidelineBarrierActivity
@@ -73,4 +74,8 @@ abstract class ActivityBindingModule {
     @ActivityScope
     @ContributesAndroidInjector
     abstract fun layoutDimensionMinMaxActivity(): LayoutDimensionMinMaxActivity
+
+    @ActivityScope
+    @ContributesAndroidInjector
+    abstract fun layoutMovieDetailsPreviewActivity(): MovieDetailsPreviewActivity
 }
\ No newline at end of file
diff --git a/app/src/main/java/com/hossainkhan/android/demo/ui/browse/LayoutBrowseViewModel.kt b/app/src/main/java/com/hossainkhan/android/demo/ui/browse/LayoutBrowseViewModel.kt
index 3e1f0e4..1c96090 100644
--- a/app/src/main/java/com/hossainkhan/android/demo/ui/browse/LayoutBrowseViewModel.kt
+++ b/app/src/main/java/com/hossainkhan/android/demo/ui/browse/LayoutBrowseViewModel.kt
@@ -22,6 +22,7 @@ import androidx.lifecycle.ViewModel
 import com.hossainkhan.android.demo.R
 import com.hossainkhan.android.demo.data.AppDataStore
 import com.hossainkhan.android.demo.data.LayoutInformation
+import com.hossainkhan.android.demo.ui.functionaldemo.MovieDetailsPreviewActivity
 import com.hossainkhan.android.demo.ui.layoutpreview.LayoutChainStyleActivity
 import com.hossainkhan.android.demo.ui.layoutpreview.LayoutDimensionMinMaxActivity
 import com.hossainkhan.android.demo.ui.layoutpreview.LayoutGuidelineBarrierActivity
@@ -69,6 +70,9 @@ class LayoutBrowseViewModel(
             R.layout.preview_dimension_min_max -> {
                 browseNavigator.loadLayoutPreview(LayoutDimensionMinMaxActivity::class.java, layoutResId)
             }
+            R.layout.demo_movie_details -> {
+                browseNavigator.loadLayoutPreview(MovieDetailsPreviewActivity::class.java, layoutResId)
+            }
             else -> {
                 // By default it loads the preview activity with the layout requested.
                 browseNavigator.loadLayoutPreview(layoutResId)
diff --git a/app/src/main/java/com/hossainkhan/android/demo/ui/functionaldemo/MovieDetailsPreviewActivity.kt b/app/src/main/java/com/hossainkhan/android/demo/ui/functionaldemo/MovieDetailsPreviewActivity.kt
new file mode 100644
index 0000000..b91cd24
--- /dev/null
+++ b/app/src/main/java/com/hossainkhan/android/demo/ui/functionaldemo/MovieDetailsPreviewActivity.kt
@@ -0,0 +1,82 @@
+/*
+ * Copyright (c) 2019 Hossain Khan
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+package com.hossainkhan.android.demo.ui.functionaldemo
+
+import android.os.Bundle
+import android.view.View
+import android.widget.Button
+import android.widget.ImageButton
+import android.widget.Toast
+import com.hossainkhan.android.demo.R
+import com.hossainkhan.android.demo.ui.layoutpreview.LayoutPreviewBaseActivity
+import android.content.Intent
+import android.content.res.ColorStateList
+import android.net.Uri
+import android.widget.ImageView
+import androidx.annotation.ColorRes
+import androidx.core.content.ContextCompat
+import androidx.core.widget.ImageViewCompat
+
+/**
+ * Activity showcasing how visibility GONE affects constraints.
+ *
+ * See https://developer.android.com/reference/android/support/constraint/ConstraintLayout#VisibilityBehavior
+ */
+class MovieDetailsPreviewActivity : LayoutPreviewBaseActivity() {
+    private val generalClickListener = View.OnClickListener { view ->
+        Toast.makeText(view.context, "You tapped on ${view}", Toast.LENGTH_SHORT).show()
+
+        // Some custom logic to make the UI alive!
+        when (view.id) {
+            R.id.rating_thumbs_up, R.id.rating_thumbs_down -> {
+                applyColorTint((view as ImageButton), R.color.white)
+            }
+        }
+    }
+
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+
+        val ratingThumbsUp = findViewById<ImageButton>(R.id.rating_thumbs_up)
+        val ratingThumbsDown = findViewById<ImageButton>(R.id.rating_thumbs_down)
+        val addToFav = findViewById<ImageButton>(R.id.rating_add_fav)
+        val rentButton = findViewById<Button>(R.id.button_rent)
+        val buyButton = findViewById<Button>(R.id.button_buy)
+        val trailer = findViewById<Button>(R.id.movie_trailer)
+
+        // Apply generic toast listener to touchable views so that user gets feedback when they tap it
+        applyToastListener(ratingThumbsUp, ratingThumbsDown, addToFav, rentButton, buyButton)
+
+        trailer.setOnClickListener {
+            val youtubeTrailerUrl = "https://www.youtube.com/watch?v=g4Hbz2jLxvQ"
+            startActivity(Intent(Intent.ACTION_VIEW, Uri.parse(youtubeTrailerUrl)))
+        }
+    }
+
+    private fun applyToastListener(vararg views: View) {
+        views.forEach {
+            it.setOnClickListener(generalClickListener)
+        }
+    }
+
+    private fun applyColorTint(view: ImageView, @ColorRes tintColor: Int) {
+        ImageViewCompat.setImageTintList(view,
+                ColorStateList.valueOf(ContextCompat.getColor(this.applicationContext, tintColor))
+        )
+    }
+}
diff --git a/app/src/main/res/drawable-xxxhdpi/spider_verse_background.jpg b/app/src/main/res/drawable-xxxhdpi/spider_verse_background.jpg
new file mode 100644
index 0000000..f168731
Binary files /dev/null and b/app/src/main/res/drawable-xxxhdpi/spider_verse_background.jpg differ
diff --git a/app/src/main/res/drawable-xxxhdpi/spider_verse_poster.jpg b/app/src/main/res/drawable-xxxhdpi/spider_verse_poster.jpg
new file mode 100644
index 0000000..b0e84d4
Binary files /dev/null and b/app/src/main/res/drawable-xxxhdpi/spider_verse_poster.jpg differ
diff --git a/app/src/main/res/drawable/ic_people_black_18dp.xml b/app/src/main/res/drawable/ic_people_black_18dp.xml
new file mode 100644
index 0000000..d64b2ab
--- /dev/null
+++ b/app/src/main/res/drawable/ic_people_black_18dp.xml
@@ -0,0 +1,27 @@
+<!--
+  ~ Copyright (c) 2019 Hossain Khan
+  ~
+  ~ Licensed under the Apache License, Version 2.0 (the "License");
+  ~ you may not use this file except in compliance with the License.
+  ~ You may obtain a copy of the License at
+  ~
+  ~     http://www.apache.org/licenses/LICENSE-2.0
+  ~
+  ~ Unless required by applicable law or agreed to in writing, software
+  ~ distributed under the License is distributed on an "AS IS" BASIS,
+  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  ~ See the License for the specific language governing permissions and
+  ~ limitations under the License.
+  -->
+
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="18dp"
+    android:height="18dp"
+    android:alpha="0.9"
+    android:tint="#666666"
+    android:viewportWidth="24.0"
+    android:viewportHeight="24.0">
+    <path
+        android:fillColor="#FF000000"
+        android:pathData="M16,11c1.66,0 2.99,-1.34 2.99,-3S17.66,5 16,5c-1.66,0 -3,1.34 -3,3s1.34,3 3,3zM8,11c1.66,0 2.99,-1.34 2.99,-3S9.66,5 8,5C6.34,5 5,6.34 5,8s1.34,3 3,3zM8,13c-2.33,0 -7,1.17 -7,3.5L1,19h14v-2.5c0,-2.33 -4.67,-3.5 -7,-3.5zM16,13c-0.29,0 -0.62,0.02 -0.97,0.05 1.16,0.84 1.97,1.97 1.97,3.45L17,19h6v-2.5c0,-2.33 -4.67,-3.5 -7,-3.5z" />
+</vector>
diff --git a/app/src/main/res/drawable/ic_play_circle_outline_black_24dp.xml b/app/src/main/res/drawable/ic_play_circle_outline_black_24dp.xml
new file mode 100644
index 0000000..801781f
--- /dev/null
+++ b/app/src/main/res/drawable/ic_play_circle_outline_black_24dp.xml
@@ -0,0 +1,21 @@
+<!--
+  ~ Copyright (c) 2019 Hossain Khan
+  ~
+  ~ Licensed under the Apache License, Version 2.0 (the "License");
+  ~ you may not use this file except in compliance with the License.
+  ~ You may obtain a copy of the License at
+  ~
+  ~     http://www.apache.org/licenses/LICENSE-2.0
+  ~
+  ~ Unless required by applicable law or agreed to in writing, software
+  ~ distributed under the License is distributed on an "AS IS" BASIS,
+  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  ~ See the License for the specific language governing permissions and
+  ~ limitations under the License.
+  -->
+
+<vector android:alpha="0.9" android:height="24dp" android:tint="#666666"
+    android:viewportHeight="24.0" android:viewportWidth="24.0"
+    android:width="24dp" xmlns:android="http://schemas.android.com/apk/res/android">
+    <path android:fillColor="#FF000000" android:pathData="M10,16.5l6,-4.5 -6,-4.5v9zM12,2C6.48,2 2,6.48 2,12s4.48,10 10,10 10,-4.48 10,-10S17.52,2 12,2zM12,20c-4.41,0 -8,-3.59 -8,-8s3.59,-8 8,-8 8,3.59 8,8 -3.59,8 -8,8z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_playlist_add_black_24dp.xml b/app/src/main/res/drawable/ic_playlist_add_black_24dp.xml
new file mode 100644
index 0000000..b10529a
--- /dev/null
+++ b/app/src/main/res/drawable/ic_playlist_add_black_24dp.xml
@@ -0,0 +1,21 @@
+<!--
+  ~ Copyright (c) 2019 Hossain Khan
+  ~
+  ~ Licensed under the Apache License, Version 2.0 (the "License");
+  ~ you may not use this file except in compliance with the License.
+  ~ You may obtain a copy of the License at
+  ~
+  ~     http://www.apache.org/licenses/LICENSE-2.0
+  ~
+  ~ Unless required by applicable law or agreed to in writing, software
+  ~ distributed under the License is distributed on an "AS IS" BASIS,
+  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  ~ See the License for the specific language governing permissions and
+  ~ limitations under the License.
+  -->
+
+<vector android:alpha="0.9" android:height="24dp" android:tint="#666666"
+    android:viewportHeight="24.0" android:viewportWidth="24.0"
+    android:width="24dp" xmlns:android="http://schemas.android.com/apk/res/android">
+    <path android:fillColor="#FF000000" android:pathData="M14,10L2,10v2h12v-2zM14,6L2,6v2h12L14,6zM18,14v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zM2,16h8v-2L2,14v2z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_star_black_18dp.xml b/app/src/main/res/drawable/ic_star_black_18dp.xml
new file mode 100644
index 0000000..c9d0a0c
--- /dev/null
+++ b/app/src/main/res/drawable/ic_star_black_18dp.xml
@@ -0,0 +1,27 @@
+<!--
+  ~ Copyright (c) 2019 Hossain Khan
+  ~
+  ~ Licensed under the Apache License, Version 2.0 (the "License");
+  ~ you may not use this file except in compliance with the License.
+  ~ You may obtain a copy of the License at
+  ~
+  ~     http://www.apache.org/licenses/LICENSE-2.0
+  ~
+  ~ Unless required by applicable law or agreed to in writing, software
+  ~ distributed under the License is distributed on an "AS IS" BASIS,
+  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  ~ See the License for the specific language governing permissions and
+  ~ limitations under the License.
+  -->
+
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="18dp"
+    android:height="18dp"
+    android:alpha="0.9"
+    android:tint="#666666"
+    android:viewportWidth="24.0"
+    android:viewportHeight="24.0">
+    <path
+        android:fillColor="#FF000000"
+        android:pathData="M12,17.27L18.18,21l-1.64,-7.03L22,9.24l-7.19,-0.61L12,2 9.19,8.63 2,9.24l5.46,4.73L5.82,21z" />
+</vector>
diff --git a/app/src/main/res/drawable/ic_thumb_down_black_24dp.xml b/app/src/main/res/drawable/ic_thumb_down_black_24dp.xml
new file mode 100644
index 0000000..f2d8f95
--- /dev/null
+++ b/app/src/main/res/drawable/ic_thumb_down_black_24dp.xml
@@ -0,0 +1,21 @@
+<!--
+  ~ Copyright (c) 2019 Hossain Khan
+  ~
+  ~ Licensed under the Apache License, Version 2.0 (the "License");
+  ~ you may not use this file except in compliance with the License.
+  ~ You may obtain a copy of the License at
+  ~
+  ~     http://www.apache.org/licenses/LICENSE-2.0
+  ~
+  ~ Unless required by applicable law or agreed to in writing, software
+  ~ distributed under the License is distributed on an "AS IS" BASIS,
+  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  ~ See the License for the specific language governing permissions and
+  ~ limitations under the License.
+  -->
+
+<vector android:alpha="0.9" android:height="24dp" android:tint="#666666"
+    android:viewportHeight="24.0" android:viewportWidth="24.0"
+    android:width="24dp" xmlns:android="http://schemas.android.com/apk/res/android">
+    <path android:fillColor="#FF000000" android:pathData="M15,3L6,3c-0.83,0 -1.54,0.5 -1.84,1.22l-3.02,7.05c-0.09,0.23 -0.14,0.47 -0.14,0.73v1.91l0.01,0.01L1,14c0,1.1 0.9,2 2,2h6.31l-0.95,4.57 -0.03,0.32c0,0.41 0.17,0.79 0.44,1.06L9.83,23l6.59,-6.59c0.36,-0.36 0.58,-0.86 0.58,-1.41L17,5c0,-1.1 -0.9,-2 -2,-2zM19,3v12h4L23,3h-4z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_thumb_up_black_24dp.xml b/app/src/main/res/drawable/ic_thumb_up_black_24dp.xml
new file mode 100644
index 0000000..f1db06f
--- /dev/null
+++ b/app/src/main/res/drawable/ic_thumb_up_black_24dp.xml
@@ -0,0 +1,21 @@
+<!--
+  ~ Copyright (c) 2019 Hossain Khan
+  ~
+  ~ Licensed under the Apache License, Version 2.0 (the "License");
+  ~ you may not use this file except in compliance with the License.
+  ~ You may obtain a copy of the License at
+  ~
+  ~     http://www.apache.org/licenses/LICENSE-2.0
+  ~
+  ~ Unless required by applicable law or agreed to in writing, software
+  ~ distributed under the License is distributed on an "AS IS" BASIS,
+  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  ~ See the License for the specific language governing permissions and
+  ~ limitations under the License.
+  -->
+
+<vector android:alpha="0.9" android:height="24dp" android:tint="#666666"
+    android:viewportHeight="24.0" android:viewportWidth="24.0"
+    android:width="24dp" xmlns:android="http://schemas.android.com/apk/res/android">
+    <path android:fillColor="#FF000000" android:pathData="M1,21h4L5,9L1,9v12zM23,10c0,-1.1 -0.9,-2 -2,-2h-6.31l0.95,-4.57 0.03,-0.32c0,-0.41 -0.17,-0.79 -0.44,-1.06L14.17,1 7.59,7.59C7.22,7.95 7,8.45 7,9v10c0,1.1 0.9,2 2,2h9c0.83,0 1.54,-0.5 1.84,-1.22l3.02,-7.05c0.09,-0.23 0.14,-0.47 0.14,-0.73v-1.91l-0.01,-0.01L23,10z"/>
+</vector>
diff --git a/app/src/main/res/layout/demo_movie_details.xml b/app/src/main/res/layout/demo_movie_details.xml
new file mode 100644
index 0000000..25dd50a
--- /dev/null
+++ b/app/src/main/res/layout/demo_movie_details.xml
@@ -0,0 +1,331 @@
+<?xml version="1.0" encoding="utf-8"?><!--
+  ~ Copyright (c) 2019 Hossain Khan
+  ~
+  ~ Licensed under the Apache License, Version 2.0 (the "License");
+  ~ you may not use this file except in compliance with the License.
+  ~ You may obtain a copy of the License at
+  ~
+  ~     http://www.apache.org/licenses/LICENSE-2.0
+  ~
+  ~ Unless required by applicable law or agreed to in writing, software
+  ~ distributed under the License is distributed on an "AS IS" BASIS,
+  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  ~ See the License for the specific language governing permissions and
+  ~ limitations under the License.
+  -->
+<androidx.core.widget.NestedScrollView xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+    <!--
+        NOTE: This is a complete demo of a video details view using `ConstraintLayout` and flat view hierarchy.
+    -->
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:background="@color/md_grey_900"
+        tools:ignore="HardcodedText, ContentDescription, UnusedAttribute">
+
+        <!-- Vertical guideline to for left and right margin -->
+        <androidx.constraintlayout.widget.Guideline
+            android:id="@+id/guideline_vertical_start"
+            android:layout_width="0dp"
+            android:layout_height="0dp"
+            android:orientation="vertical"
+            app:layout_constraintGuide_percent="0.05" />
+
+        <androidx.constraintlayout.widget.Guideline
+            android:id="@+id/guideline_vertical_end"
+            android:layout_width="0dp"
+            android:layout_height="0dp"
+            android:orientation="vertical"
+            app:layout_constraintGuide_percent="0.95" />
+
+        <!-- ================ END of guidelines =================== -->
+
+        <!-- ================  Begin top section with background, poster and meta info  ================ -->
+
+
+
+        <ImageView
+            android:id="@+id/thumbnail"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:scaleType="centerCrop"
+            android:src="@drawable/spider_verse_background"
+            android:tint="#99333333"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+
+        <Button
+            android:id="@+id/movie_trailer"
+            style="@style/Widget.AppCompat.Button.Borderless"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="8dp"
+            android:drawableStart="@drawable/ic_play_circle_outline_black_24dp"
+            android:drawablePadding="5dp"
+            android:drawableTint="@color/md_pink_300"
+            android:text="Trailer"
+            android:textColor="@color/md_grey_400"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+
+        <ImageView
+            android:id="@+id/poster"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:src="@drawable/spider_verse_poster"
+            app:layout_constraintBottom_toBottomOf="@+id/thumbnail"
+            app:layout_constraintStart_toStartOf="@+id/guideline_vertical_start"
+            app:layout_constraintTop_toBottomOf="@+id/movie_trailer" />
+
+        <TextView
+            android:id="@+id/movie_title"
+            style="@style/TextAppearance.AppCompat.Title.Inverse"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="8dp"
+            android:text="Spider-Man: Into The Spider-Verse"
+            app:layout_constraintEnd_toEndOf="@id/guideline_vertical_end"
+            app:layout_constraintStart_toEndOf="@+id/poster"
+            app:layout_constraintTop_toTopOf="@+id/poster" />
+
+        <TextView
+            android:id="@+id/movie_rating_and_time"
+            style="@style/TextAppearance.AppCompat.Medium.Inverse"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="G   2018 ▪ 116 mins"
+            app:layout_constraintStart_toStartOf="@+id/movie_title"
+            app:layout_constraintTop_toBottomOf="@+id/movie_title" />
+
+        <TextView
+            android:id="@+id/user_rating"
+            style="@style/TextAppearance.AppCompat.Medium.Inverse"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_gravity="center"
+            android:layout_marginTop="8dp"
+            android:drawableEnd="@drawable/ic_star_black_18dp"
+            android:drawablePadding="2dp"
+            android:drawableTint="@android:color/white"
+            android:text="4.7"
+            app:layout_constraintStart_toStartOf="@+id/movie_rating_and_time"
+            app:layout_constraintTop_toBottomOf="@+id/movie_rating_and_time" />
+
+        <TextView
+            style="@style/TextAppearance.AppCompat.Medium.Inverse"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_gravity="center"
+            android:layout_marginStart="16dp"
+            android:drawableStart="@drawable/ic_people_black_18dp"
+            android:drawablePadding="3dp"
+            android:drawableTint="@android:color/white"
+            android:text="93%"
+            app:layout_constraintLeft_toRightOf="@+id/user_rating"
+            app:layout_constraintTop_toTopOf="@+id/user_rating"
+
+            />
+
+        <!-- ================= Chain for the thumbs up, down and rating =================== -->
+
+        <ImageButton
+            android:id="@+id/rating_thumbs_up"
+            style="@style/Widget.AppCompat.Button.Borderless"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="8dp"
+            android:src="@drawable/ic_thumb_up_black_24dp"
+            app:layout_constraintEnd_toStartOf="@+id/rating_thumbs_down"
+            app:layout_constraintHorizontal_chainStyle="spread"
+            app:layout_constraintStart_toStartOf="@+id/guideline_vertical_start"
+            app:layout_constraintTop_toBottomOf="@+id/thumbnail" />
+
+        <ImageButton
+            android:id="@+id/rating_thumbs_down"
+            style="@style/Widget.AppCompat.Button.Borderless"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:src="@drawable/ic_thumb_down_black_24dp"
+            app:layout_constraintEnd_toStartOf="@+id/rating_add_fav"
+            app:layout_constraintStart_toEndOf="@+id/rating_thumbs_up"
+            app:layout_constraintTop_toTopOf="@+id/rating_thumbs_up" />
+
+        <ImageButton
+            android:id="@+id/rating_add_fav"
+            style="@style/Widget.AppCompat.Button.Borderless"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:src="@drawable/ic_playlist_add_black_24dp"
+            app:layout_constraintEnd_toStartOf="@+id/guideline_vertical_end"
+            app:layout_constraintStart_toEndOf="@+id/rating_thumbs_down"
+            app:layout_constraintTop_toTopOf="@+id/rating_thumbs_down" />
+
+        <!-- ================= END of Chain for the thumbs up, down and rating =================== -->
+
+        <TextView
+            android:id="@+id/movie_storyline"
+            style="@style/TextAppearance.AppCompat.Small.Inverse"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="16dp"
+            android:ellipsize="end"
+            android:maxLines="5"
+            android:text="Phil Lord and Christopher Miller, the creative minds behind “The Lego Movie” and “21 Jump Street,” bring their unique talents to a fresh vision of a different Spider-Man Universe, with a groundbreaking visual style that’s the first of its kind. “Spider-Man: Into the Spider-Verse” introduces Brooklyn teen Miles Morales, and the limitless possibilities of the Spider-Verse, where more than one can wear the mask."
+            app:layout_constraintEnd_toStartOf="@+id/guideline_vertical_end"
+            app:layout_constraintStart_toStartOf="@+id/guideline_vertical_start"
+            app:layout_constraintTop_toBottomOf="@+id/rating_thumbs_down" />
+
+        <!--  =========================== Begin Chained Button =========================== -->
+        <Button
+            android:id="@+id/button_rent"
+            style="@style/Widget.AppCompat.Button.Colored"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="16dp"
+            android:text="Rent from $4.99"
+            app:layout_constraintEnd_toStartOf="@+id/button_buy"
+            app:layout_constraintHorizontal_chainStyle="spread"
+            app:layout_constraintStart_toStartOf="@+id/guideline_vertical_start"
+            app:layout_constraintTop_toBottomOf="@+id/movie_storyline" />
+
+        <Button
+            android:id="@+id/button_buy"
+            style="@style/Widget.AppCompat.Button.Colored"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:text="Buy from $19.99"
+            app:layout_constraintEnd_toStartOf="@+id/guideline_vertical_end"
+            app:layout_constraintStart_toEndOf="@+id/button_rent"
+            app:layout_constraintTop_toTopOf="@+id/button_rent" />
+
+
+        <!--  =========================== End Chained Button ===========================  -->
+
+
+        <!-- ======================= BEGIN More info block with lots of text info ======================== -->
+
+        <TextView
+            android:id="@+id/more_info_title"
+            style="@style/TextAppearance.AppCompat.Title.Inverse"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="16dp"
+            android:text="More Information"
+            app:layout_constraintLeft_toLeftOf="@+id/guideline_vertical_start"
+            app:layout_constraintRight_toRightOf="@+id/guideline_vertical_end"
+            app:layout_constraintTop_toBottomOf="@+id/button_rent" />
+
+        <TextView
+            android:id="@+id/info_audio_language_label"
+            style="@style/TextAppearance.AppCompat.Subhead.Inverse"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="0dp"
+            android:layout_marginTop="16dp"
+            android:layout_marginEnd="8dp"
+            android:text="Audio Language"
+            app:layout_constraintLeft_toLeftOf="@+id/guideline_vertical_start"
+            app:layout_constraintRight_toLeftOf="@+id/info_closed_caption_label"
+            app:layout_constraintTop_toBottomOf="@+id/more_info_title" />
+
+        <TextView
+            android:id="@+id/info_closed_caption_label"
+            style="@style/TextAppearance.AppCompat.Subhead.Inverse"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="0dp"
+            android:text="Closed Caption"
+            app:layout_constraintLeft_toRightOf="@+id/info_audio_language_label"
+            app:layout_constraintRight_toRightOf="@+id/guideline_vertical_end"
+            app:layout_constraintTop_toTopOf="@+id/info_audio_language_label" />
+
+        <TextView
+            android:id="@+id/info_audio_language_value"
+            style="@style/TextAppearance.AppCompat.Small.Inverse"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="0dp"
+            android:layout_marginEnd="8dp"
+            android:text="English (5.1)"
+            app:layout_constraintLeft_toLeftOf="@+id/guideline_vertical_start"
+            app:layout_constraintRight_toLeftOf="@+id/info_closed_caption_value"
+            app:layout_constraintTop_toBottomOf="@id/info_audio_language_label" />
+
+        <TextView
+            android:id="@+id/info_closed_caption_value"
+            style="@style/TextAppearance.AppCompat.Small.Inverse"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:text="English [CC]"
+            app:layout_constraintLeft_toRightOf="@id/info_audio_language_value"
+            app:layout_constraintRight_toRightOf="@+id/guideline_vertical_end"
+            app:layout_constraintTop_toTopOf="@id/info_audio_language_value" />
+
+
+        <TextView
+            android:id="@+id/info_rental_expiration_label"
+            style="@style/TextAppearance.AppCompat.Subhead.Inverse"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="0dp"
+            android:layout_marginTop="16dp"
+            android:layout_marginEnd="8dp"
+            android:text="Rental Expiration"
+            app:layout_constraintLeft_toLeftOf="@+id/guideline_vertical_start"
+            app:layout_constraintRight_toLeftOf="@+id/info_family_library_label"
+            app:layout_constraintTop_toBottomOf="@+id/info_closed_caption_value" />
+
+        <TextView
+            android:id="@+id/info_family_library_label"
+            style="@style/TextAppearance.AppCompat.Subhead.Inverse"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="0dp"
+            android:text="Family Library"
+            app:layout_constraintLeft_toRightOf="@+id/info_rental_expiration_label"
+            app:layout_constraintRight_toRightOf="@+id/guideline_vertical_end"
+            app:layout_constraintTop_toTopOf="@+id/info_rental_expiration_label" />
+
+        <TextView
+            android:id="@+id/info_rental_expiration_value"
+            style="@style/TextAppearance.AppCompat.Small.Inverse"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="0dp"
+            android:layout_marginEnd="8dp"
+            android:text="Start within 30 days of rental, finish within 2 days"
+            app:layout_constraintLeft_toLeftOf="@+id/guideline_vertical_start"
+            app:layout_constraintRight_toLeftOf="@+id/info_family_library_value"
+            app:layout_constraintTop_toBottomOf="@id/info_rental_expiration_label" />
+
+        <TextView
+            android:id="@+id/info_family_library_value"
+            style="@style/TextAppearance.AppCompat.Small.Inverse"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:text="Content eligible for Family Library if purchased with select payment method. Rentals are not eligible for family sharing."
+            app:layout_constraintLeft_toRightOf="@id/info_rental_expiration_value"
+            app:layout_constraintRight_toRightOf="@+id/guideline_vertical_end"
+            app:layout_constraintTop_toTopOf="@id/info_rental_expiration_value" />
+
+        <!-- =============================== End of More info block =============================== -->
+
+        <!-- Empty view to take extra space at the end for scrolling -->
+        <View
+            android:layout_width="0dp"
+            android:layout_height="100dp"
+            android:visibility="visible"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@+id/info_family_library_value"
+            tools:background="@color/colorAccent" />
+
+    </androidx.constraintlayout.widget.ConstraintLayout>
+</androidx.core.widget.NestedScrollView>
\ No newline at end of file
diff --git a/app/src/main/res/layout/list_item_layout_preview.xml b/app/src/main/res/layout/list_item_layout_preview.xml
index b192904..6f63739 100644
--- a/app/src/main/res/layout/list_item_layout_preview.xml
+++ b/app/src/main/res/layout/list_item_layout_preview.xml
@@ -41,7 +41,7 @@
             app:layout_constraintTop_toTopOf="parent"
             tools:background="@color/md_amber_300"
             tools:ignore="ContentDescription"
-            tools:srcCompat="@drawable/ic_position_center_preview" />
+            tools:srcCompat="@drawable/thumb_positioning_center" />
 
         <TextView
             android:id="@+id/layout_preview_name"