fix shifting chosenMovie image

src/App.css

@@ -56,24 +56,21 @@ main {
   background-color: rgba(0, 0, 0, 0.5);
 
   display: grid;
-
   grid-template-rows: 1fr 2fr 2fr 1fr;
+  justify-items: center;
   ;
 
   h1 {
-    font-size: 2em;
-    margin: 1rem 0 0 0;
+    font-size: 1.6em;
     font-family: RobotoBold;
     padding: 0.1em 0.2em 0.1em 0.2em;
     grid-row: 1/ span 1;
-    overflow: hidden;
   }
 
   figure {
     width: 100%;
     margin: 0;
     grid-row: 2/ span 1;
-    place-self: center;
 
     .chosen-movie-poster {
       aspect-ratio: 2/3;
@@ -96,7 +93,9 @@ main {
   }
 
   footer {
+    font-size: 1.2rem;
     grid-row: 4/ span 1;
+    overflow: hidden;
   }
 
 }