From 8ba6694211f6e7cabfe2e45518a8a38fd03c96b1 Mon Sep 17 00:00:00 2001 From: andrzej Date: Tue, 7 May 2024 13:10:01 +0200 Subject: [PATCH] begin redo --- src/App.css | 23 ++++++----------------- 1 file changed, 6 insertions(+), 17 deletions(-) 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; }