Skip to content

Commit 7a83fc0

Browse files
committed
Update mower images to use flex for layout as well
1 parent 4945fcd commit 7a83fc0

File tree

1 file changed

+7
-10
lines changed

1 file changed

+7
-10
lines changed

src/index.webc

+7-10
Original file line numberDiff line numberDiff line change
@@ -165,25 +165,22 @@ description: "art director/designer"
165165
margin: 0 auto;
166166
}
167167

168+
:is(#pampers, #mowers) aside {
169+
display: flex;
170+
align-items: center;
171+
justify-content: center;
172+
}
173+
168174
#mowers img.box {
169175
width: 80%;
170176
}
171177

172178
#mowers img.tube {
173-
position: absolute;
174179
width: 20%;
175-
top: 0;
176-
left: 80%;
177180
transform: translateY(calc(15% * calc(var(--scroll-pct) - 0.3)));
178181
}
179182

180-
#pampers aside {
181-
display: flex;
182-
align-items: center;
183-
justify-content: center;
184-
}
185-
186-
#pampers aside picture {
183+
:is(#pampers, #mowers) aside picture {
187184
display: contents;
188185
}
189186

0 commit comments

Comments
 (0)