I'm pleased to share my first two lessons that have been published to egghead!
Access Theme Color Values With Sass
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.
Create a Basic Responsive Grid System With CSS Grid
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.
Feedback? Suggestions?
Drop a comment with suggestions for future lessons related to:
- CSS
- HTML
- Sass
- Accessibility
- React
- Design Systems
- Netlify
- Eleventy (11ty)
- Static site workflow/build process
Looking to learn HTML/CSS development? Learn the foundational skills of frontend development with my free course >
Top comments (11)
Oh, how wonderful! Congratulations!
Fortunately, I have an egghead subscription ❤️
Thanks, and that's great! 😊
Congrats Stephanie!
I really loved your static site template (with Sass) and I think it's a great thing to have in one's tool belt (for quick prototyping and such). I would be super interested in a course that builds common UI elements accessibly (forms, buttons, inputs, navbars etc).
Also Puppeteer and any automation tricks - that's always interesting 🎉
Congrats! 💃
Thanks, and thanks for the suggestions!
Congrats!
Congrats Steph!
Thanks!
So cool! I've been following your content here. Congratulations! 🎉
Thanks so much for your support!
Congratulations! 😍
Congrats! That's amazing