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

fix shifting chosenMovie image

This commit is contained in:
andrzej 2024-05-22 10:55:28 +02:00
parent f17b85a033
commit 5299ad79f6
1 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/App.css
View File

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