CSS Diner: A GitHub.dev Tutorial 🍽️

This repo provides an example of how github.dev can enable a platform for interactive tutorials. It's a port of the amazing CSS Diner tutorial by @flukeout, which helps teach CSS by selecting dancing food-related items from a table!

Getting Started

1. Press . to open this repo in the web editor
2. When prompted, install the recommended extensions (CodeSwing)
3. After a few seconds, the editor will be automatically laid out as a playground environment
4. Interact with the CSS Diner game, and see how it's fully interactive! 🚀
5. Follow the instructions provided by the swing's coding prompts, and see if you can complete the game 🔥

References

1. Codespaces - On-demand developer environments, powered by the cloud ☁️
2. CodeSwing - An interactive coding environment for web applications 💃