diff --git a/assets/css/_mixins.scss b/assets/css/_mixins.scss index 11a6c8e..a5041b3 100644 --- a/assets/css/_mixins.scss +++ b/assets/css/_mixins.scss @@ -33,7 +33,7 @@ } @mixin container { - max-width: 1280px; + max-width: min(1280px, 100vw); margin: auto; padding: 0 40px; diff --git a/assets/css/main.scss b/assets/css/main.scss index d2466d3..18b0725 100644 --- a/assets/css/main.scss +++ b/assets/css/main.scss @@ -1,5 +1,6 @@ @import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@600&family=Roboto:wght@400;700&display=swap"); @import "./variables"; +@import "./mixins"; @import "./transitions.scss"; body, @@ -63,6 +64,11 @@ h1 { &:not(:first-child) { margin-top: 3rem; } + + @include phone { + font-size: 2rem; + line-height: 2.4rem; + } } h2 { diff --git a/components/home/HomeHeader.vue b/components/home/HomeHeader.vue index 71368b5..106ceaf 100644 --- a/components/home/HomeHeader.vue +++ b/components/home/HomeHeader.vue @@ -60,14 +60,7 @@ } .title { - font-size: 3rem; - line-height: 3.4rem; margin: 0.8rem 0; - - @include phone { - font-size: 2.2rem; - line-height: 3rem; - } } .subtitle { diff --git a/layouts/default.vue b/layouts/default.vue index 0247edb..a69a96e 100644 --- a/layouts/default.vue +++ b/layouts/default.vue @@ -19,9 +19,11 @@