fix: match mobile Our Work linework

This commit is contained in:
Keith Solomon
2026-06-27 22:24:38 -05:00
parent 6206761573
commit 79ff6a1408
4 changed files with 123 additions and 16 deletions
+52 -6
View File
@@ -35,6 +35,16 @@
width: 100%;
}
.our-work__vector-desktop {
display: block;
height: 100%;
width: 100%;
}
.our-work__vector-mobile {
display: none;
}
.our-work__inner {
display: grid;
gap: clamp(2rem, 4vw, 4rem) 2.5rem;
@@ -196,13 +206,49 @@
padding-top: 4.25rem;
}
.our-work__vector img {
height: 118%;
.our-work__vector-desktop {
display: none;
}
.our-work__vector-mobile {
display: block;
inset: 0;
position: absolute;
}
.our-work__vector-mobile-clip {
clip-path: polygon(
74.63% 24.77%,
100% 24.77%,
100% 56.31%,
0 56.31%,
0 48.42%,
54.73% 48.42%,
54.73% 43.92%,
67.16% 43.92%,
67.16% 38.29%,
74.63% 38.29%
);
inset: 0;
position: absolute;
}
.our-work__vector-mobile img {
height: auto;
max-width: none;
object-fit: cover;
object-position: 85% center;
transform: translateY(clamp(8rem, 39.8vw, 10rem));
width: 118%;
object-fit: fill;
position: absolute;
width: min(238.806vw, 60rem);
}
.our-work__vector-mobile-upper {
left: min(24.876vw, 6.25rem);
top: min(59.701vw, 15rem);
}
.our-work__vector-mobile-lower {
left: max(-106.965vw, -26.875rem);
top: min(121.891vw, 30.625rem);
}
.our-work__inner {