Skip to content

Commit d889ade

Browse files
committed
Fix iOS/Safari flex flow
1 parent c0cc44a commit d889ade

1 file changed

Lines changed: 3 additions & 2 deletions

File tree

app/style.scss

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -17,10 +17,11 @@ body {
1717
}
1818

1919
.recipeListItem {
20-
min-width: 164px;
20+
$minWidth: 164px;
21+
min-width: $minWidth;
2122
max-width: 220px;
2223
height: 200px;
23-
flex: 1;
24+
flex: 1 0 $minWidth; // Just 'flex: 1' will break wrapping on iOS.
2425
background: $recipeBackgroundColor;
2526
text-align: center;
2627
margin: 4px;

0 commit comments

Comments
 (0)