begin redo

src/App.css

@@ -1,6 +1,6 @@
 :root {
 
-  --poster-width: 10rem;
+  --poster-width: 15rem;
   --posters-wide: 10;
 }
 
@@ -11,35 +11,24 @@
 
 main {
   display: flex;
-  justify-content: center;
-
-  height: 100%;
   background-size: cover;
-
 }
 
-h1 {
-  margin: 0;
-}
 
-.flow-container {
+#movie-wall-container {
   display: inline-flex;
   flex-wrap: wrap;
-  align-items: center;
-  justify-content: center;
-  flex-basis: calc(var(--poster-width)*var(--posters-wide));
+  flex-basis: calc(var(--poster-width)*var(--posters-wide))
 }
 
 #sidebar {
-  flex: 0 0 10rem;
+  flex-basis: calc(var(--poster-width)*2)
 }
 
 .poster {
-  font-size: 2rem;
-  background-size: cover;
   width: var(--poster-width);
-  aspect-ratio: 3/4.5;
-  flex: 0 0 auto;
+  aspect-ratio: 2/3;
+  background-size: cover;
 }