diff --git a/README.md b/README.md index fd10aa4..63b4cef 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,8 @@ # CSS Grid Annotator -Automatically annotate [CSS Grid](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout) items with row and column positions, so they are correctly positioned in IE11. +[CSS Grid](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout) is great, but IE11 assumes that all items are in the first row and first column. +So, you have to add a lot of styles to explicitly position your grid items. +This script automatically adds the positioning attributes for IE11. ![Demo: before, after](demo.gif) @@ -17,7 +19,7 @@ Please check back under the releases tab for recent releases. - If there are more items/children specified than columns in the the template, new rows will be created. - If there any of the children is annotated with an explicit `-ms-grid-column` or `-ms-grid-row`, the whole container will be skipped. - Hidden elements are skipped (`type="hidden"` or `display: none`). -- The script also annotates containers which are dynamically inserted via JavaScript. But, items are only annotated if a grid container is inserted, inserting individual items stay un-annotated. +- The script also annotates containers which are dynamically inserted via JavaScript. But, items are only annotated if a grid container is inserted, inserting individual items stay unannotated. ## More to do