To use responsive tables, you need to be familiar with the following:
<caption>(from Tables & Lists: Organized Data)
display: block(from CSS Layout)
:first-child(from CSS Building Blocks: Selectors)
:nth-child(from CSS Building Blocks: Selectors)
@mediarules (from Media-Specific Styles: Same HTML, Different CSS)
Tables & Lists: Organized Data
Basic tables. Defining sets of rows. Table title. Styling tables. Columns. Sortable columns. Creating tables the easy way. Styling lists.
CSS Layout: Boxes, Displays, & Positioning
Layout modes. Positioning. Normal flow. Out of normal flow.
z-index. Box model. Padding. Border. Margin.
visibility. Opacity. Flexbox.
CSS Building Blocks: Selectors
Media-Specific Styles: Same HTML, Different CSS
Media types. Media-specific rule sets. Common print styles. Print CSS. Media queries.