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