adding tip about responsive design and tables
Adding note from #526 regarding Responsive design. Covers #593
Holding off on merging PR to see if we should add some more info regarding CSS grid layouts
Preview: https://deploy-preview-718--wai-tutorials2.netlify.app/tutorials/tables/tips/
Deploy Preview for wai-tutorials2 ready!
| Name | Link |
|---|---|
| Latest commit | |
| Latest deploy log | https://app.netlify.com/sites/wai-tutorials2/deploys/662f91c6e55fa31339716203 |
| Deploy Preview | https://deploy-preview-718--wai-tutorials2.netlify.app |
| Preview on mobile | Toggle QR Code...Use your smartphone camera to open QR code link. |
To edit notification comments on pull requests, go to your Netlify site configuration.
@shawna-slh any further comments before merging?
"On smaller screens, or when viewing content in a small viewport, responsive tables..."
hum, this doesn't address my point. I have a large monitor and the viewport max -- so neither "On smaller screens, or when viewing content in a small viewport".
However, with large text and increased line spacing &/or browser zoom, I still get the "responsive" view.
@shawna-slh how about "On smaller screens, or when viewing content in a small viewport, zoomed screen, or otherwise adjusted view, responsive tables often change format."
how about: "Responsive design: On small screens, in a small viewport, in zoomed views, with enlarged text, and other situations, responsive tables often change format. Ensure that the structural relationship is available in all formats." ?
@shawna-slh yes, that looks good. I have updated it.
@shawna-slh please merge this PR
Thanks Brian! /me not able to make time to review. OK for @remibetin to merge and publish