diff --git a/src/components/Homepage.vue b/src/components/Homepage.vue index 52fec84..0c5f480 100644 --- a/src/components/Homepage.vue +++ b/src/components/Homepage.vue @@ -247,21 +247,21 @@ export default { .fwfwlogodiv{ display: flex; flex-direction: row; - @include media-breakpoint-between(xs, md){ + @include media-breakpoint-between(xs, lg){ margin-bottom: 48px; } - @include media-breakpoint-up(md){ + @include media-breakpoint-up(lg){ margin-bottom: 94px; } } .fwfwlogoimdiv{ margin-top: 7px; - @include media-breakpoint-between(xs, md){ + @include media-breakpoint-between(xs, lg){ width: 62px; height: 32px; } - @include media-breakpoint-up(md){ + @include media-breakpoint-up(lg){ width: 120px; height: 60px; } @@ -276,18 +276,18 @@ export default { .fwfwitemcontent{ display: flex; flex-direction: column; - @include media-breakpoint-between(xs, md){ + @include media-breakpoint-between(xs, lg){ min-height: 32px; margin-left: 16px; } - @include media-breakpoint-up(md){ + @include media-breakpoint-up(lg){ min-height: 60px; margin-left: 28px; } } .fwfwitemcn{ - @include media-breakpoint-between(xs, md){ + @include media-breakpoint-between(xs, lg){ overflow-wrap: break-word; color: white; font-size: 18px; @@ -297,7 +297,7 @@ export default { white-space: nowrap; line-height: 25px; } - @include media-breakpoint-up(md){ + @include media-breakpoint-up(lg){ overflow-wrap: break-word; color: white; font-size: 28px; @@ -310,7 +310,7 @@ export default { } .fwfwitemen{ margin-top: 2px; - @include media-breakpoint-between(xs, md){ + @include media-breakpoint-between(xs, lg){ overflow-wrap: break-word; color: white; font-size: 14px; @@ -321,7 +321,7 @@ export default { white-space: nowrap; line-height: 18px; } - @include media-breakpoint-up(md){ + @include media-breakpoint-up(lg){ overflow-wrap: break-word; color: white; font-size: 20px;