diff --git a/src/App.css b/src/App.css index f5ff6cd..44438c7 100644 --- a/src/App.css +++ b/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; }