Using CSS Grid auto-fit/auto-fill to create dynamic columns
A way to use CSS grid to create auto flowing columns and layers that let's us remove the need for many media queries, resulting in cleaner and more maintainable stylesheets.
I'm Craig Fox, UX engineer, maker, and geek
Stuff I've done
- BareBones Tools Dev tooling for fluid type, converting to ems/rems, and converting colors
- Github
- Codepen
Latest posts
CSS aspect-ratio and some everyday uses for it
CSS aspect-ratio has been working in browser for a couple of years now and I want to share some ways that I frequently utilize it in my day to day work.
Using CSS where(), is(), and has()
An overview of how the where(), is(), and has() pseudo classes work and examples of different ways to utilize them in your day to day work.
Fluid type and sizing in CSS
A guide to using clamp(), min(), and max() to create fluid type and sizing in CSS.
A web component to toggle themes
A simple web component to toggle the site themes and modes.