diff --git a/assets/style/components/_footer.scss b/assets/style/components/_footer.scss index a600088..fa692e8 100644 --- a/assets/style/components/_footer.scss +++ b/assets/style/components/_footer.scss @@ -1,9 +1,12 @@ .footer { - padding: 2rem 0 0 0; + background: $b-color; + padding: 1rem 0 2rem 0; + margin: 2rem 0 0 0; + border-top: .1rem solid $t-color; .top { display: grid; - grid-template-columns: repeat(3, 1.25fr) 2fr ; + grid-template-columns: repeat(3, 1.25fr) 2fr; max-width: 60rem; padding: 2rem 4rem; margin: 0 auto; diff --git a/assets/style/main.scss b/assets/style/main.scss index 1cb292f..a00c45d 100644 --- a/assets/style/main.scss +++ b/assets/style/main.scss @@ -10,7 +10,7 @@ body { main { max-width: 60rem; - min-height: calc(100vh - 464px); + min-height: calc(100vh - 24.5625rem); margin: 0 auto; padding: 0 4rem; } diff --git a/assets/style/pages/_guide.scss b/assets/style/pages/_guide.scss index 86a0a4d..25664a7 100644 --- a/assets/style/pages/_guide.scss +++ b/assets/style/pages/_guide.scss @@ -2,7 +2,9 @@ padding: 4rem 8rem; .hero { - h3 { font-size: 2.5rem } + h3 { + font-size: 2.5rem; + } h4 { font-size: 1.05rem; @@ -12,6 +14,7 @@ p { font-size: .9rem; font-weight: 500; + padding: 1rem 0; } img { diff --git a/assets/style/pages/index/_banner.scss b/assets/style/pages/index/_banner.scss index 83f51ce..6421d9d 100644 --- a/assets/style/pages/index/_banner.scss +++ b/assets/style/pages/index/_banner.scss @@ -4,7 +4,7 @@ max-width: 60rem; background: $t-color; padding: 2rem 2rem 2.25rem 2rem; - margin: 2rem auto 4rem auto; + margin: 2rem auto 7rem auto; h4 { margin: 0 0 1.5rem 0; diff --git a/components/Footer.vue b/components/Footer.vue index de95190..04e968e 100644 --- a/components/Footer.vue +++ b/components/Footer.vue @@ -9,12 +9,10 @@
  • Resources
  • About Us
  • What is Bitcoin
  • -
  • Getting Started