diff --git a/src/styles.css b/src/styles.css index 466aef1..8a3e524 100644 --- a/src/styles.css +++ b/src/styles.css @@ -72,6 +72,9 @@ body > footer { /* Specific styles */ .home-page { + display: flex; + flex-direction: column; + color: var(--base-background-color); background-color: var(--header-color); @@ -84,11 +87,12 @@ body > footer { } main { + flex: 1; + align-items: center; + display: grid; grid-template-columns: 1fr 1fr; - margin-top: 5rem; - header { grid-column: 1; @@ -104,6 +108,8 @@ body > footer { @media (max-width: 800px) { grid-template-columns: 1fr; + margin-top: 5rem; + header { grid-column: 1; @@ -113,6 +119,11 @@ body > footer { > * { grid-column: 1; } + } + } + + footer { + margin-bottom: 1rem; } }