diff --git a/styles.css b/styles.css index d9d068a..0ca6d54 100644 --- a/styles.css +++ b/styles.css @@ -6,36 +6,33 @@ html { } body { - display: flex; - flex-direction: column; - align-items: center; + display: grid; + place-items: center; + place-content: center; } dd-header { - margin: 5px; - width: 80ch; - max-width: 100%; - box-shadow: 5px 5px 5px; + width: 100%; } dd-footer { - margin: 5px; - width: 80ch; - max-width: 100%; - box-shadow: 5px 5px 5px; + width: 100%; } header { + margin: 5px; height: 110px; - flex: auto; display: flex; align-items: center; + box-shadow: 5px 5px 5px; } footer { border: 3px black solid; background: turquoise; + margin: 5px; text-align: center; + box-shadow: 5px 5px 5px; } footer ul { @@ -103,10 +100,6 @@ nav ul li + li::before { content: " | "; } -main { - flex: auto; -} - aside { background: turquoise; border: 3px black solid;