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.
Make HTML video fit every screen: width and height attributes with max-width and height auto, the CSS aspect-ratio property, object-fit and object-position, responsive iframe embeds, preventing layout shift, saving data on mobile, vertical video, and common mistakes, with live resizable demos.
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.
Learn the HTML style element: how to write CSS directly inside your page, when that is better than an external file, how the order of rules decides which one wins, and how a Content-Security-Policy can block inline styles. Includes a live CSS editor, a cascade-order lab, and a real CSP experiment.