![Stephanie Eckles](https://uploads.sitepoint.com/wp-content/uploads/2023/05/1683123112StephEckles-120x120.png)
Stephanie Eckles is the author of in-depth tutorials on ModernCSS.dev, and the creator of StyleStage.dev, SmolCSS.dev, and 11ty.Rocks. Steph has well over a decade of webdev experience that she enjoys sharing as an author, egghead and workshop instructor, podcast host, Twitch streamer, and conference speaker. She's an advocate for accessibility, scalable CSS, and the Jamstack. Offline, she's mom to two girls and a cowboy corgi and enjoys baking.
Stephanie's articles
![Quick Tip: Shipping Resilient CSS Components](https://uploads.sitepoint.com/wp-content/uploads/2023/06/1685663915resilient_css_components.jpg)
In this quick tip, discover how container queries enable us to ship resilient components containing built-in layout and style variants.
![Responsive CSS Layout Grids without Media Queries](https://uploads.sitepoint.com/wp-content/uploads/2023/05/1684379832responsice-css-layout-grids-without-media-queries.jpg)
Discover how both Flexbox and Grid provide ways to create fluidly responsive layout grids without media queries.
![An Introduction to Container Queries in CSS](https://uploads.sitepoint.com/wp-content/uploads/2023/05/1683515697css-container-queries.jpg)
Container queries enable the styling of elements based on available space. They allow us to build resilient components that are adaptable.
![An Introduction to the :has() Selector in CSS](https://uploads.sitepoint.com/wp-content/uploads/2023/05/1683169189has-selector.jpg)
The :has() pseudo-class has far greater range than just styling an element’s ancestor. It's a great time for you to become familiar with it!