Building Responsive HTML Videos with CSS
Design fluid video embeds that scale across devices using modern CSS ratio properties, container constraints, and wrapper techniques.
Design fluid video embeds that scale across devices using modern CSS ratio properties, container constraints, and wrapper techniques.
Embed critical CSS directly into the document head using the style tag to eliminate render-blocking stylesheet requests.
Learn how to style and size whole table columns with the HTML colgroup and col elements. Understand placement, the span attribute, which CSS properties work on columns, setting column widths, highlighting columns, and how colgroup relates to accessibility on CodeHarborHub.
Learn how to make HTML tables work on phones and small screens. Use scrolling containers, sticky columns, fluid widths, stacked card layouts, and priority columns, understand the accessibility trade-offs of each approach, and choose the right technique for your data on CodeHarborHub.
Learn how to style HTML lists with CSS. Change bullet and number styles with list-style-type, control marker position, use custom images and the ::marker pseudo-element, remove bullets safely, build horizontal menus, add spacing, and number lists in other writing systems on CodeHarborHub.
Learn how to style HTML tables with CSS. Add borders with border-collapse, spacing and padding, header styles, zebra stripes, hover effects, alignment, rounded corners, captions, and a complete modern table stylesheet, with accessibility and contrast tips on CodeHarborHub.