To use responsive tables, you need to be familiar with the following:

• <table>, <tr>, <th>, <td>, & <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)
• @media rules (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.

• Slides
• Notes

CSS Layout: Boxes, Displays, & Positioning

Layout modes. Positioning. Normal flow. Out of normal flow. float & clear. position. z-index. Box model. Padding. Border. Margin. box-sizing. width & height. overflow. display. visibility. Opacity. Flexbox.

• Slides
• Notes

CSS Building Blocks: Selectors

• Slides
• Notes

Media-Specific Styles: Same HTML, Different CSS

Media types. Media-specific rule sets. Common print styles. Print CSS. Media queries.

• Slides
• Notes