Resume
/
movie-explorer
2
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

begin redo

This commit is contained in:
andrzej 2024-05-07 13:10:01 +02:00
parent 2b79c825e8
commit 8ba6694211
1 changed files with 6 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/App.css
View File

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