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/_text-container.scss | |
| parent | 5bab4502a098eb0e3b5a59b68bc9d8d23529ea55 (diff) | |
Responsive design
Diffstat (limited to 'sass/components/_text-container.scss')
| -rw-r--r-- | sass/components/_text-container.scss | 13 |
1 files changed, 13 insertions, 0 deletions
diff --git a/sass/components/_text-container.scss b/sass/components/_text-container.scss index 0108f94..95d2944 100644 --- a/sass/components/_text-container.scss +++ b/sass/components/_text-container.scss @@ -18,3 +18,16 @@ animation: moveInRight 2s ease-out; backface-visibility: hidden; } + +// mobile to smaller laptop screen sizes +@media screen and (max-width: 1380px) { + .text-container { + transform: skewX(0); + width: auto; + } + + .text-about { + animation: moveInRightMobile 2s ease-out; + margin-top: 5rem; + } +} |