Created
June 19, 2018 14:26
-
-
Save ebhoren/0efe67949c56d520db9f80a2bf36aeaa to your computer and use it in GitHub Desktop.
Basic css to create a responsive table.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
table.table-a11y { | |
display: block; | |
} | |
table.table-a11y thead, | |
table.table-a11y tbody, | |
table.table-a11y tfoot { | |
display: block; | |
} | |
table.table-a11y tr { | |
display: flex; | |
flex-direction: column; | |
justify-content: flex-start; | |
width: 100%; | |
} | |
@media (min-width: 1024px) { | |
table.table-a11y tr { | |
flex-direction: row; | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment