diff options
| author | Arne Rief <arne.rief@gmail.com> | 2023-02-11 19:55:41 +0100 |
|---|---|---|
| committer | Arne Rief <arne.rief@gmail.com> | 2023-02-11 19:55:41 +0100 |
| commit | 0a341c08423151cf2bc3d2ce8cb7192026cf4935 (patch) | |
| tree | 34e087ad5129c77f07aa663d35416feb23421228 /sass/components/_contact-form.scss | |
| parent | 5bab4502a098eb0e3b5a59b68bc9d8d23529ea55 (diff) | |
Responsive design
Diffstat (limited to 'sass/components/_contact-form.scss')
| -rw-r--r-- | sass/components/_contact-form.scss | 19 |
1 files changed, 19 insertions, 0 deletions
diff --git a/sass/components/_contact-form.scss b/sass/components/_contact-form.scss index a2a9c40..87b79c1 100644 --- a/sass/components/_contact-form.scss +++ b/sass/components/_contact-form.scss @@ -38,3 +38,22 @@ } } } + +// 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 { + @include flex-column-center; + width: 100%; + + & div { + width: 100%; + } + } +} |