Skip to content

Commit 9119ef2

Browse files
Added an IE11 flexbox bug note
1 parent ba4d2f0 commit 9119ef2

File tree

1 file changed

+7
-2
lines changed

1 file changed

+7
-2
lines changed

README.md

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -63,14 +63,17 @@ body {
6363

6464
No, it's not dark magic, you really can center elements vertically. Look how simple this is.
6565

66+
**Note:** Watch for some [buggy behavior](https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items) with flexbox in IE11.
67+
6668

6769
### Select Items Using Negative `nth-child`
6870

6971
```css
7072
li {
7173
display: none;
7274
}
73-
/* select items 1 through 3 and show them */
75+
76+
/* select items 1 through 3 and display them */
7477
li:nth-child(-n+3) {
7578
display: block;
7679
}
@@ -87,7 +90,7 @@ Use negative `nth-child` in CSS to select items 1 through n. Well that was prett
8790
}
8891
```
8992

90-
There's no reason not to use SVG for icons. SVG is supported in all browsers back to IE9. So start ditching your .png, .jpg, or .gif-jif-whatev files.
93+
There's no reason not to use SVG for icons. SVG is supported in all browsers back to IE9. So ditch your .png, .jpg, or .gif-jif-whatev files.
9194

9295

9396
### Inherit `box-sizing`
@@ -96,6 +99,7 @@ There's no reason not to use SVG for icons. SVG is supported in all browsers bac
9699
html {
97100
box-sizing: border-box;
98101
}
102+
99103
*, *:before, *:after {
100104
box-sizing: inherit;
101105
}
@@ -112,6 +116,7 @@ Letting `box-sizing` be inheritted from `html` makes it easier to change `box-si
112116
display: flex;
113117
justify-content: space-between;
114118
}
119+
115120
.list-of-people .person {
116121
flex-basis: 23%;
117122
}

0 commit comments

Comments
 (0)