Skip to content

Commit 9d95a04

Browse files
committed
Fix iPhone screen image sizing and clipping
1 parent e83ec30 commit 9d95a04

File tree

1 file changed

+15
-0
lines changed

1 file changed

+15
-0
lines changed

tmini/style.css

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -167,10 +167,18 @@ header {
167167

168168
.iphoneScreen {
169169
width: 349px;
170+
height: 755px;
170171
-webkit-clip-path: url(#screenMask);
171172
clip-path: url(#screenMask);
172173
margin-left: 26px;
173174
margin-top: 23px;
175+
overflow: hidden;
176+
}
177+
178+
.iphoneScreen img {
179+
width: 100%;
180+
height: 100%;
181+
object-fit: cover;
174182
}
175183

176184
/* Features */
@@ -332,6 +340,13 @@ footer {
332340
height: 488px;
333341
margin: 0px;
334342
margin-top: 17px;
343+
overflow: hidden;
344+
}
345+
346+
.iphoneScreen img {
347+
width: 100%;
348+
height: 100%;
349+
object-fit: cover;
335350
}
336351
.features {
337352
flex-grow: 1;

0 commit comments

Comments
 (0)