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/_screenshot-container.scss | |
| parent | 7439372f7100017e4c5f70bed42a601706106435 (diff) | |
Small media query adjustments
Diffstat (limited to 'sass/components/_screenshot-container.scss')
| -rw-r--r-- | sass/components/_screenshot-container.scss | 12 |
1 files changed, 5 insertions, 7 deletions
diff --git a/sass/components/_screenshot-container.scss b/sass/components/_screenshot-container.scss index f3fdf0b..beaa0cd 100644 --- a/sass/components/_screenshot-container.scss +++ b/sass/components/_screenshot-container.scss @@ -8,15 +8,13 @@ width: 40%; transition: transform 0.6s ease; + // mobile to smaller laptop screen sizes + @include responsive(laptop) { + width: 80%; + } + &:hover { transform: scale(1.2); z-index: 100; } } - -// mobile to smaller laptop screen sizes -@media screen and (max-width: 1380px) { - .project-screenshot { - width: 80%; - } -} |