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/_project-container.scss | |
| parent | 5bab4502a098eb0e3b5a59b68bc9d8d23529ea55 (diff) | |
Responsive design
Diffstat (limited to 'sass/components/_project-container.scss')
| -rw-r--r-- | sass/components/_project-container.scss | 13 |
1 files changed, 13 insertions, 0 deletions
diff --git a/sass/components/_project-container.scss b/sass/components/_project-container.scss index d6d4e68..ed5fb0d 100644 --- a/sass/components/_project-container.scss +++ b/sass/components/_project-container.scss @@ -4,3 +4,16 @@ @include flex-sp-around-center; gap: 2rem; } + +// mobile to smaller laptop screen sizes +@media screen and (max-width: 1380px) { + .project-container { + @include flex-column-center; + gap: 5rem; + } + + // for second project, otherwise screenshot below text-container + .reverse-order { + flex-direction: column-reverse; + } +} |