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/layout/_main-sections.scss | |
| parent | 5bab4502a098eb0e3b5a59b68bc9d8d23529ea55 (diff) | |
Responsive design
Diffstat (limited to 'sass/layout/_main-sections.scss')
| -rw-r--r-- | sass/layout/_main-sections.scss | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/sass/layout/_main-sections.scss b/sass/layout/_main-sections.scss index fb2d433..7cb2735 100644 --- a/sass/layout/_main-sections.scss +++ b/sass/layout/_main-sections.scss @@ -30,3 +30,25 @@ .contact-section { @include wide-container; } + +// mobile to smaller laptop screen sizes +@media screen and (max-width: 1380px) { + .about-section { + @include flex-column-center; + @include mobile-container; + } + + .welcome-section { + @include flex-column-center; + gap: 4rem; + @include mobile-container; + } + + .projects-section { + @include mobile-container; + } + + .contact-section { + @include mobile-container; + } +} |