▶ Is `* { min-width: 0; }` a good idea?
Kevin Powell outlines why using * { min-width: 0; } might not be a good idea while explaining in detail how flexbox sizing works and why.
Issue #578
How To Center a Div
Joshua Comeau created a fantastic, in-depth guide on centering in CSS.
From Our Sponsor
A newsletter helping engineers flex their product muscles
Product for Engineers is PostHog’s newsletter dedicated to helping engineers improve their product skills. Subscribe for free to get curated advice on building great products, lessons (and mistakes) from building PostHog, and deep dives into the strategies of top startups.
CSS Weekly on YouTube
▶ Coding Fonts You Should Try
A detailed guide on setting up font family and font ligatures in Visual Studio Code, along with an overview of a few fantastic programming fonts you should try out.
You’ll learn how to easily experiment and try out different coding fonts to find your perfect font and how to solve a major gotcha related to font ligatures.
▶ VS Code Tips - Leverage the Outline View
A hands-on tip on how to get the most out of the outline view in Visual Studio Code.
The outline view shows the symbol tree of the currently active editor, which allows you to jump to a specific symbol immediately (CSS selector, function in JavaScript, tag in HTML).
Promoted Link
Build and launch a CSV import experience in a single sprint
OneSchema is an embedded CSV importer that automatically matches, validates, and cleans data for your users. With 50+ customization options for text styles, colors, and assets, OneSchema will fit right into your existing design system to create the perfect customer experience.
Inspiration
Native CSS particle animation with sin() and cos()
Giana created a stunning, animated demo leveraging trigonometric CSS functions.