diff --git a/src/stylesheets/components/_homeNav.scss b/src/stylesheets/components/_homeNav.scss new file mode 100644 index 0000000..f2e77ee --- /dev/null +++ b/src/stylesheets/components/_homeNav.scss @@ -0,0 +1,20 @@ +.homeNav { + display: flex; + flex-direction: column; + align-items: center; + padding: 0.5em 1em; + + &__buttons { + display: grid; + grid-template-columns: repeat(2, 1fr); + align-items: center; + justify-items: end; + gap: 1em; + } + + @include respond-to('medium') { + flex-direction: row; + justify-content: space-between; + } +} + diff --git a/src/stylesheets/main.scss b/src/stylesheets/main.scss index 603c651..d92d47f 100644 --- a/src/stylesheets/main.scss +++ b/src/stylesheets/main.scss @@ -6,4 +6,5 @@ @import 'base/typography'; +@import 'components/homeNav'; @import 'components/button'; diff --git a/views/partials/homeNav.hbs b/views/partials/homeNav.hbs new file mode 100644 index 0000000..115ba78 --- /dev/null +++ b/views/partials/homeNav.hbs @@ -0,0 +1,9 @@ +