Change Details

**Steps to replicate the issue** (include links if applicable): * Open the Vector skin in IE11. **What happens?**: * There is no table of contents * The user menu when opened introduces a horizontal scroll like so: {F35317203} * Article content is aligned left **What should have happened instead?**: The following changes should explored: * Using margin auto on the content * Making the table of contents narrow screen mode work here # QA steps [] Using a grade C browser (e.g. IE11) make sure the table of contents is accessible on the page. [] Document any remaining issues with the site IE11. # Developer notes * margin-left: -200px could help the user menu * We can use `@support { display: grid } ` for the other tweaks **Software version** (skip for WMF-hosted wikis like Wikipedia): **Other information** (browser name/version, screenshots, etc.):

**Steps to replicate the issue** (include links if applicable): * Open the Vector skin in IE11 or other browser without CSS grid. **What happens?**: * There is no table of contents **What should have happened instead?**: Tthe table of contents narrow screen mode work here # QA steps [] Using a grade C browser without CSS grid (e.g. IE11) make sure the table of contents is accessible on the page. # Developer notes * We can use `@support { display: grid } ` for the other tweaks

**Steps to replicate the issue** (include links if applicable): * Open the Vector skin in IE11 or other browser without CSS grid. **What happens?**: * There is no table of contents * The user menu when opened introduces a horizontal scroll like so: {F35317203} * Article content is aligned left **What should have happened instead?**: The following changes should explored: * Using margin auto on the content * Making the table of contents narrow screen mode work here # QA steps [] Using a grade C browser without CSS grid (e.g. IE11) make sure the table of contents is accessible on the page. [] Document any remaining issues with the site IE11. # Developer notes * margin-left: -200px could help the user menu * We can use `@support { display: grid } ` for the other tweaks **Software version** (skip for WMF-hosted wikis like Wikipedia): **Other information** (browser name/version, screenshots, etc.):