A guide to using CSS container queries for responsive design, focusing on a practical layout pattern for email metadata.
The author details the latest redesign of their personal website, version 7.0, focusing on new sidebars, a light-dark theme, and Bluesky integration.
An introduction to CSS Container Queries, explaining their importance and how to use them for component-based responsive design.
Learn how to use CSS's height: auto to override HTML image dimensions for responsive design without distortion.
An interactive guide explaining the core concepts of CSS Flexbox, including properties like flex-grow, flex-shrink, and alignment.
Explores when to use pixels vs. ems/rems in CSS for optimal web accessibility, arguing both are necessary.
A tutorial on creating a full-bleed webpage layout using CSS Grid, focusing on improving readability for long-form content.
A guide on using CSS to maintain the aspect ratio of embedded iframes (like videos) in responsive web design.
