I'm pleased to share my first two lessons that have been published to egghead!
Manage the color palette used in your stylesheets by creating a map of variables and a function to access the values by key. This allows you to update the colors in one location to re-theme your application and eliminate manual find and replace.
CSS grid is a layout model that allows defining structure in terms of columns and rows. Learn how to replace heavy 12-column grid system frameworks with the unique properties of CSS grid. By leveraging CSS grid, we can create intrinsically responsive layouts, no breakpoint media queries or lengthy list of utility classes required.
Drop a comment with suggestions for future lessons related to:
- Design Systems
- Eleventy (11ty)
- Static site workflow/build process
Looking to learn HTML/CSS development? Learn the foundational skills of frontend development with my free course >