CSS min() All The Things
Victor Ayomipo experiments with the CSS min() function, exploring its flexibility with different units to determine if it is the be-all, end-all for responsiveness.
Issue #598
▶ This New CSS Property Just Solved Animating to Height Auto
Kevin Powell explains how to use interpolate-size property to animate to height: auto.
(I also shared guides on both interpolate-size and calc-size(), just in case you missed them.)
From Our Sponsor
Join the Open Source Pledge
Year after year, companies feast at the Open Source table, but few pay the maintainers—creating burnout-related security incidents. Through the Pledge, forward-thinking companies are working together to change the status quo. It’s time we paid our share. Will you join us?
CSS Weekly on YouTube
▶ Quick Tip: Easily Deal With Layout Shifts Caused by Scrollbars
Find out how to prevent layout shifts when scrollbars are hidden/shown using the scrollbar-gutter CSS property.
Sponsored Link
The most fun & interactive way to learn CSS!
CSSBattle’s LEARN is the first-ever gamified CSS course targeted towards beginners, intermediates, and even experts.
Trusted by thousands of developers, the course consists of multiple levels which you play and learn – just like a game! Say bye to boring articles, videos and lessons.
Inspiration
Flower of Hearts - CSS Doodle
Aragakey created a wonderful demo using CSS Doodle, a web component for drawing patterns with CSS.