diff --git a/scss/_mobileSmall.scss b/scss/_mobileSmall.scss new file mode 100644 index 0000000000000000000000000000000000000000..f9f912b9e199cc8bb0049a6b0f61c3eb2317bdf3 --- /dev/null +++ b/scss/_mobileSmall.scss @@ -0,0 +1,8 @@ +@media only screen and (max-width: $small-mobile-max-width) { + #footerContent{ + flex-direction: column; + div { + border-bottom: #3d3d3d 1px solid; + } + } +} \ No newline at end of file diff --git a/scss/_var.scss b/scss/_var.scss index 0058ee92b917362fc2151f0c82a217892d58a351..bdcbe3f29d49f45b463ae324cce5c16b41484baa 100644 --- a/scss/_var.scss +++ b/scss/_var.scss @@ -7,4 +7,5 @@ $content-footer-div-color: #03A8F4; $darker-color: 5%; $darker-color-2: 2%; -$mobile-max-width: 600px; \ No newline at end of file +$mobile-max-width: 600px; +$small-mobile-max-width: 300px; \ No newline at end of file diff --git a/scss/style.scss b/scss/style.scss index 0d90460f82f7f2b54a6829d18a33cf0bdbf8b763..590b5e2cbd86c0544c101f761a159839589aae7c 100644 --- a/scss/style.scss +++ b/scss/style.scss @@ -12,4 +12,5 @@ @import "footer"; @import "content"; @import "mobile"; -@import "menuMobile"; \ No newline at end of file +@import "menuMobile"; +@import "mobileSmall"; \ No newline at end of file