diff --git a/src/css/layout/_header.scss b/src/css/layout/_header.scss index 7f43a23..a979c79 100644 --- a/src/css/layout/_header.scss +++ b/src/css/layout/_header.scss @@ -2,28 +2,30 @@ /* Header */ #header { - top: 80px; - position: absolute; - left: 50%; - transform: translate(-50%, 70px); + margin-top: 80px; + > #logo-container { + width: max-content; + margin: auto; + padding: 2em 1em; - > h1 { - font-size: 60pt; - display: inline-block; - color: _palette(accent1); - margin: 0 0 0 40px; + > h1 { + font-size: 60pt; + display: inline-block; + color: _palette(accent1); + margin: 0 0 0 40px; - &:first-child { - color: _palette(accent2); - margin: 0 0 0 10px; + &:first-child { + color: _palette(accent2); + margin: 0 0 0 10px; + } } - } - > #logo > img { - height: 140pt; - width: auto; - display: inline-block; - float: left; + > #logo > img { + height: 140pt; + width: auto; + display: inline-block; + float: left; + } } /* @include breakpoint('<=xlarge') { @@ -35,7 +37,7 @@ } */ @include breakpoint('<=medium') { - top: 60px; + margin-top: 60px; } /* @include breakpoint('<=small') { diff --git a/src/css/layout/_main.scss b/src/css/layout/_main.scss index d8b371f..0542763 100644 --- a/src/css/layout/_main.scss +++ b/src/css/layout/_main.scss @@ -2,7 +2,14 @@ /* Main */ #main { - + width: 100%; + + > section { + height: 400px; + width: 100%; + max-width: 600px; + margin: 8em auto 4em; + } /* @include breakpoint('<=xlarge') { diff --git a/src/css/layout/_nav.scss b/src/css/layout/_nav.scss index d2e809a..22e8d71 100644 --- a/src/css/layout/_nav.scss +++ b/src/css/layout/_nav.scss @@ -6,6 +6,7 @@ 'height #{_duration(transition)} ease', 'background #{_duration(transition)} ease', )); + top: 0; height: 80px; position: fixed; width: 100%; diff --git a/src/css/main.scss b/src/css/main.scss index e1c3642..15bd8ae 100644 --- a/src/css/main.scss +++ b/src/css/main.scss @@ -45,6 +45,7 @@ @import 'layout/header'; @import 'layout/nav'; @import 'layout/footer'; + @import 'layout/main'; body { background: #f2f2f2; diff --git a/src/index.html b/src/index.html index ecbe996..95f7ca0 100644 --- a/src/index.html +++ b/src/index.html @@ -76,17 +76,19 @@