diff options
| author | Arne Rief <arne.rief@gmail.com> | 2023-02-20 10:04:10 +0100 |
|---|---|---|
| committer | Arne Rief <arne.rief@gmail.com> | 2023-02-20 10:04:10 +0100 |
| commit | 11f8629251a63f3a3260b9ed28277ed312abd136 (patch) | |
| tree | 3a4d22b0ebad36ad9d492bae72ab308321bd22b8 /sass/components/_contact-form.scss | |
| parent | 7439372f7100017e4c5f70bed42a601706106435 (diff) | |
Small media query adjustments
Diffstat (limited to 'sass/components/_contact-form.scss')
| -rw-r--r-- | sass/components/_contact-form.scss | 12 |
1 files changed, 5 insertions, 7 deletions
diff --git a/sass/components/_contact-form.scss b/sass/components/_contact-form.scss index 87b79c1..1195ab7 100644 --- a/sass/components/_contact-form.scss +++ b/sass/components/_contact-form.scss @@ -5,6 +5,11 @@ gap: 2rem; width: 50%; + // larger tablet to smaller laptop screen size + @include responsive(laptop) { + width: 100%; + } + // container for each label & input div { display: flex; @@ -39,13 +44,6 @@ } } -// larger tablet to smaller laptop screen size -@media screen and (max-width: 1380px) { - .messenger-form { - width: 100%; - } -} - // mobile to smaller tablet screen sizes @media screen and (max-width: 820px) { .messenger-form { |