Experimenting using GraphQL in favor of REST.

public/css/style.css

@@ -188,14 +188,21 @@
   text-decoration: none;
 }
 .title[data-v-3abcf101] {
-  color: #222;
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-align: center;
+          align-items: center;
   margin: 0 .25rem .25rem 0;
+  color: #222;
   font-size: 1rem;
   max-height: 3rem;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
 }
+.title .icon[data-v-3abcf101] {
+    margin: 0 .25rem 0 0;
+}
 .network[data-v-3abcf101] {
   color: #555;
   margin: 0 .25rem 0 0;
@@ -255,6 +262,7 @@
     text-transform: capitalize;
 }
 .tiles[data-v-22ffe3e4] {
+  width: 100%;
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(20rem, 0.33fr));
   grid-gap: 1rem;
@@ -270,6 +278,31 @@
 }
 }
 
+/* $primary: #ff886c; */
+.banner[data-v-42bb19c4] {
+  background: #222;
+  flex-shrink: 0;
+  white-space: nowrap;
+  overflow-x: auto;
+  scrollbar-width: none;
+  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
+  font-size: 0;
+}
+.banner[data-v-42bb19c4]::-webkit-scrollbar {
+    display: none;
+}
+.trailer[data-v-42bb19c4] {
+  display: inline-block;
+  max-width: 100vw;
+}
+.trailer-video[data-v-42bb19c4] {
+  max-width: 100%;
+}
+.item[data-v-42bb19c4] {
+  height: 18rem;
+  vertical-align: middle;
+}
+
 /* $primary: #ff886c; */
 .actor[data-v-6989dc6f] {
   width: 10rem;
@@ -317,6 +350,8 @@
   width: 100%;
   display: -webkit-box;
   display: flex;
+  -webkit-box-align: center;
+          align-items: center;
   -webkit-box-pack: justify;
           justify-content: space-between;
   box-sizing: border-box;
@@ -330,31 +365,6 @@
   color: rgba(255, 255, 255, 0.5);
 }
 
-/* $primary: #ff886c; */
-.banner[data-v-42bb19c4] {
-  background: #222;
-  flex-shrink: 0;
-  white-space: nowrap;
-  overflow-x: auto;
-  scrollbar-width: none;
-  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
-  font-size: 0;
-}
-.banner[data-v-42bb19c4]::-webkit-scrollbar {
-    display: none;
-}
-.trailer[data-v-42bb19c4] {
-  display: inline-block;
-  max-width: 100vw;
-}
-.trailer-video[data-v-42bb19c4] {
-  max-width: 100%;
-}
-.item[data-v-42bb19c4] {
-  height: 18rem;
-  vertical-align: middle;
-}
-
 /* $primary: #ff886c; */
 .column[data-v-d4b03dc2] {
   width: 1200px;